jquery上传、解析json数据

最新推荐文章于 2023-05-07 22:52:17 发布

劳嘉良

最新推荐文章于 2023-05-07 22:52:17 发布

阅读量841

点赞数

CC 4.0 BY-SA版权

分类专栏： JQUERY

本文链接：https://blog.youkuaiyun.com/LJLatDGUt/article/details/89382302

JQUERY 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何使用jQuery以POST方式上传JSON数据，并详细讲解了处理返回的JSON数据的方法，包括利用json2.js库将JSON对象转化为字符串，以及如何遍历JSON数组。涉及到的关键步骤包括使用`serialize()`获取表单数据，以及在遍历过程中注意JSON数据结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.jquery 以post形式上传 json数据，重点需要注意使用

var formdata$("#myform").serialize();

来得到表单中的信息进行转化为流进行POST上传

var formdata = $("#myform").serialize();
$.ajax({
    type:'POST',
    url: 'http://localhost/phpex/jsonHandler.php',
    dataType: 'json',
    data: formdata,
    success: function(jsonData){
        alert(jsonData.key);
    },
    error: function(error) {
        alert(error); 
    }
});

2.如何处理返回的json数据

摘录自链接，https://www.cnblogs.com/jtlgb/p/6137915.html

前提：<script src="./js/json2.js"></script> ，json2.js下载地址https://github.com/douglascrockford/JSON-js

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

3.如何遍历json数组

遍历json数组，摘自链接，https://www.cnblogs.com/cdemo/p/4142695.html

 $.each(jsonData,function(index,obj){
    alert(obj['idName'] + "--"  +obj['errorMessage'] );
    showError(obj['idName'],obj['errorMessage']);	    		               
});

注意，若返回的json数据为以下类型，在遍历时可以使用上述代码，使用时需要注意，function 内部obj变量已经是jsonData的下一层数组了，譬如第一次遍历时obj代表了{"id":"1","tagName":"apple"},而不是整个json，所以可以使用obj['id']来访问数据

var json = [
    {"id":"1","tagName":"apple"},
    {"id":"2","tagName":"orange"},
    {"id":"3","tagName":"banana"},
    {"id":"4","tagName":"watermelon"},
    {"id":"5","tagName":"pineapple"}
];