jQuery：AJAX传JSON数据

最新推荐文章于 2024-08-26 15:04:07 发布

qq_25987491

最新推荐文章于 2024-08-26 15:04:07 发布

阅读量3k

点赞数

分类专栏： jQuery 文章标签： ajax jquery

本文链接：https://blog.csdn.net/qq_25987491/article/details/79691030

版权

jQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

函数原型：$.ajax({name:value, name:value, … })：默认为异步请求。

$.ajax(
{
    type: "POST",
    url: "./JsonTestServlet",
    data: {jsonData: JSON.stringify(getFormData())},
    success: function(msg)
    {
        msg = eval("(" + msg + ")");
        //msg = JSON.parse(msg);
        alert(msg.username + " " + msg.pwd);
    },
    error: function(errmsg) 
    {
        alert("提交失败！");
    }
});

　　这里必须转换一下，因为后台传来的json数据是以字符串形式传过来的。当然这里使用msg = JSON.parse(msg);也是可以的，JSON.parse()是返回给定 JSON 字符串转换后的对象。，而JSON.stringify()是将json数据转换成字符串。

　　 eval() 函数可解析字符串，并执行其中的的 JavaScript 代码。由于json数据是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。

在eval或者JSON.parse()时，需要用捕获异常，当data数据原本就是对象，再用转成json字符串时会有异常抛出。

参考：

https://blog.csdn.net/qq_20828113/article/details/52331376