ajax请求也可以用form表单向后台提交数据!!!!

时间：2023-03-09 23:49:59
ajax请求也可以用form表单向后台提交数据!!!!

激动的我简直语无伦次,不说了上代码,用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的路径如果导错也不能正常访问页面

相关文章