ajax传递json，然后服务器接受json的代码编写

Posted 2023-04-25

ajax通过一个接口xxx.php可以获取json数据，我就不断的提交请求获取接口信息，然后判断是否弹屏，弹屏的页面是json数据。
就是ajax怎么发请求，服务器后台（java）怎么处理json然后返回页面的。有类似的demo就非常感谢提供了！

1.ajax发送请求（建议使用jQuery）：
$.ajax(
method:post;
url: "你要发送到后台去的地址",
parameter:你要传送的数据,
beforeSend:function()在发送请求之前你要做的事
afterSend:function()在发送请求后你想做的事
success:function()alert('成功了！')
);
2.后台处理JSON数据：
1）最基本的原理性解决办法：JSON不过是通过request对象传过来的键值对而已，直接获得request对象，去对应的属性就行了。
2）net.sf.json.JSONObject这个包你可以学习下，也不是很难。
3.关于返回页面：
你要控制页面跳转么？那你使用AJAX干毛啊？使用AJAX就是为了不刷新页面而把值传到后台去的。 参考技术A 利用ajax的post方法，或者利用form的自动提交，提交对应参数的值。后台getRequest后，就可以得到对应参数的值，处理后，返回前台时，需要组织成json的形式。

前端Ajax传递Json数据，后端处理两种方式

在这里只讨论在前端通过Ajax远程传输Json数据的，不讨论通过form的形式传递数据

第一种方式：

　　前端传递过来的数据刚好和我们的bean实体对象属性一致，则可以使用对象的形式接受。

前端写法：

 1 　$().ready(function(){
 2       var obj = JSON.stringify({‘userNo‘:‘121589‘,‘processId‘:‘15‘,‘processName‘:‘测试审批‘,‘description‘:‘这是一个测试‘});
 3       alert(obj);
 4                
 5       //后台使用对象的形式接受
 6       $.ajax({
 7            url: "testJsonOne",
 8            type: "post",
 9            data: obj,
10            contentType: ‘application/json;charset=utf-8‘,
11            success : function(data){
12                 alert("haha");
13            }
14        }); 
15                
16  });

特别要注意的点：

　　1. contentType: ‘application/json;charset=utf-8‘ ，指定数据是以Json的形式传递

　　2.要传递的data，要是一个Json格式的字符串，最好先创建一个json对象，然后使用JSON.stringify()来转换成字符串形式

后台写法：

//对象形式接受前端数据
    @RequestMapping(value= "/testJsonOne",method = RequestMethod.POST)
    @ResponseBody
    public String testJson(@RequestBody PoMessageVo poMessageVo) {
        System.out.println(poMessageVo.toString());
        return "success";
    }

注意点：

　　1.前端数据和bean对象属性要一致

　　2.会使用到@RequestBody注解，而这个注解要先导入jar包的，分别是jackson-core-asl-xxx.jar和jackson-mapper-asl-xxx.jar两个包

　　3.注解用法不了解的话，百度一下

 

第二种方式：

　　有可能前端传递过来的数据很多很复杂，则我们可以在后端使用字符串的形式接受，具体的处理，我们在后端自己再处理。

前端写法：

//后台使用字符串的形式接受的
$.ajax({
    url: "testJsonTwo",
    type: "post",
    //data: {jsonStr:‘nihao‘},
    data: {jsonStr:obj},
    //data: obj,
    //contentType: ‘application/json;charset=utf-8‘,
    success : function(data){
        alert("haha");
    }
});

注意与上面的做比较：

　　1. jsonStr指定后台只能以这个名称接受
　　2. Ajax上不用指定contentType: ‘application/json;charset=utf-8‘

后台写法：

//以字符串的形式接受前端数据
@RequestMapping(value= "/testJson",method = RequestMethod.POST)
@ResponseBody
public String testJson(String jsonStr) {
    System.out.println(jsonStr);
    
    //这里可以使用JsonMapper来处理jsonStr，比如转成需要的bean对象
    return "success";
}