激动的我简直语无伦次,不说了上代码,用ajax实现form表单数据的请求,啦啦啦啦

html:

<form>
<input name="userName" value="yyl"/>
<input name="gender" value="F"/>
</form>

ajax:

$(function (){
$.ajax({
url : "<%=request.getContextPath()%>/myTestFn.do?method=myAjax",
type : "post",
dataType : "json",
data : $("#form").serialize(),
success : function (data){
alert("name:"+data.name);
},
error:function(){
alert("error");
}
});
});

java:

package com.ulic.misp.newSaleWxProduct.controller;

import java.util.HashMap;
import java.util.Map; import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse; import com.ulic.misp.pub.framework.log.Log;
import com.ulic.misp.pub.framework.log.LogFactory;
import com.ulic.misp.pub.util.JacksonUtils;
import com.ulic.misp.wx.controller.BaseController;
/**
* @author v_yinyl
* @date 2018-9-26 下午4:40:36
* @version 18.2B
*/
public class MyMonthCotroller extends BaseController
{
private final Log log = LogFactory.getLog(MyMonthCotroller.class); public void myAjax(HttpServletRequest request, HttpServletResponse response) throws Exception
{
log.info("11111111111");
String name = request.getParameter("userName");
String gender = request.getParameter("gender"); Map<String ,String> map = new HashMap<String, String>();
map.put("name",name);
map.put("gender",gender);
response.getWriter().println(JacksonUtils.toJson(map));
return;
} }
不知道为什么,一直演示不成功,这让我非常难受......

2018/09/26

  nndt,终于演示成功了,

排查步骤:1,ajax的书写是否正确 $.ajax({ }); 2,java代码中接收数据的属性与form里面的name属性是否一致 3,检查ajax请求的方法(myAjax)是否被拦截

,4,发现步骤1和步骤二都没有问题,但是请求ajax的时候还是error,那么重建controller,问题就解决了,其实一点也不神奇因为

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

上面这两个路径才是HttpServletRequest;HttpServletResponse;的正确路径,导错的话,整个controller都不能正常使用

拓展:

import org.springframework.web.servlet.ModelAndView;

ModelAndView的路径如果导错也不能正常访问页面

ajax请求也可以用form表单向后台提交数据!!!!的更多相关文章

  1. disabled属性对form表单向后台传值的影响

    在form表单里,如果对input加入disabled="disabled"或disabled="true"等属性,form表单提交的时候,就不会传值到后台. ...

  2. ajax提交表单向后台发送数据

    Ajax提交表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  3. form表单只提交数据而不进行页面跳转的解决方案

    一般的form提交操作写法为 代码如下: <form action="saveReport.htm" method="post"> …… <i ...

  4. Jquery构建Form表单Post提交数据的简单方法

    $.extend({ PostSubmitForm: function (url, args) { var body = $(document.body), form = $("<fo ...

  5. Diango之通过form表单向服务端发送数据

    通过form表单向服务端发送数据 表单元素 表单:form></form>表单用于向服务器传输数据.另外一种向服务端传输数据的方式为ajax. form属性: action:提交表单 ...

  6. 使用ajax方法实现form表单的提交(附源码)

    写在前面的话 在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说 ...

  7. 利用 ajax自定义Form表单的提交方式

    需求场景:有时候单纯的form表单无法向后端传递额外的参数 比如需要action传递js异步生成的参数 ,form表单默认的action就无法满足需求,这时就需要我们自定义form表单的提交方式. h ...

  8. 使用ajax方法实现form表单的提交

    作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载. 写在前面的话 在使用form表单的时候,一旦点击提交触发submit ...

  9. ajax无刷新方式对form表单进行赋值!

    /** * 把json数据填充到from表单中 */ <form id="editForm" action="user.php"> 用户名:< ...

随机推荐

  1. python sockerserver tcp 文件下载 udp

    #tcp serverclass MyHandler(socketserver.BaseRequestHandler): def handle(self): # 通信循环 while True: tr ...

  2. 使用Maven插件快捷打包发布远程Docker镜像 dockerfile-maven-plugin

    1.开放远程Docker远程访问端口 # vim /lib/systemd/system/docker.service ExecStart=/usr/bin/dockerd -H tcp://0.0. ...

  3. Win7自带功能,刻录光盘遇到的问题

    Win7系统的可以使用系统自带有光盘刻录功能来刻录光盘. 把一张空白光盘放入刻录机,打开“计算机”窗口,双击刻录机图标,弹出“刻录光盘”对话框,选择刻录类型.这里有两个选项:一个是“类似于USB闪存驱 ...

  4. js call方法的使用

    转自:js call call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象. call([thisObj[,arg1[, arg ...

  5. hdu 1541 (基本树状数组) Stars

    题目http://acm.hdu.edu.cn/showproblem.php?pid=1541 n个星星的坐标,问在某个点左边(横坐标和纵坐标不大于该点)的点的个数有多少个,输出n行,每行有一个数字 ...

  6. virtualbox 采用 NAT 还是 BRIDGE

    正如标题所言,其实这两个都可以让虚拟机上网,但是还是有些差别的. 选择NAT的话, 虚拟机之间无法PING通 虚拟机可以PING通主机 主机无法PING通虚拟机 这是因为虚拟机不能在网络里拥有自己的I ...

  7. sqlserver 添加服务器链接 跨服务器访问数据库

    转载地址1:https://www.cnblogs.com/wanshutao/p/4137994.html //创建服务器链接 转载地址2:https://www.cnblogs.com/xulel ...

  8. crud树型结构数据

    小型数据,比如标签,部门之类的,可以组织数据,成层状结构,一并返回前端,节省请求次数:但是大型数据,比如省市区等等联动,如果一并返回组织好的数据,查询量大,页面多次刷新,恶意请求,放入缓存还可以,其实 ...

  9. 各种 on事件触发js代码

    [转]各种 on事件触发js代码 1.onmouseenter:当鼠标进入选区执行代码 <div style="background-color:red" onmouseen ...

  10. 计算器的改良(NOIP2000)

    题目链接:计算器的改良 这道题,不是很难,但代码也短不到哪去. 我们这里决定采取边读入边计算的方法,因为题目没有明确说式子有多长. 我们需要计算什么? 我们需要知道等号两边未知数的系数和常数项即可. ...