ajax 小结

最新推荐文章于 2025-08-19 15:31:16 发布

whminyi

最新推荐文章于 2025-08-19 15:31:16 发布

阅读量423

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： ajax

本文链接：https://blog.youkuaiyun.com/whminyi/article/details/47109565

web 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的AJAX示例，展示了如何使用jQuery发起POST请求，并处理来自服务器的JSON响应。文章还介绍了如何从前端发送参数到后端以及如何解析和遍历返回的JSON数据。

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

ajax基本格式：

$.ajax( {
		type : "POST",
		async : false,
		//ajax同步  
		url : "*.action",
		data : {
			"userName" : value
		},
		dataType : "json",
		success : function(data) {
			var json = eval("(" + data + ")");
			if (json["user"] == true) {
				
	                } else {
		              res = true;
	               }
               },
               error : function(data) {
	               alert("error");
              }
	});

data参数传递需要传递的参数,后台可以用getParamer()来获取这个参数

<pre name="code" class="javascript">     单个参数形式：   data : {
			"userName" : loginName
		},

多个参数形式：

<pre name="code" class="javascript">                     data : {
			"userName" : loginName，
<pre name="code" class="java"><pre name="code" class="java"><pre name="code" class="javascript">                        "userName" : loginName，

},
当接收后台传回参数时候，可以这样遍历传回的json类型的list：

第一种(each方法遍历)：

$.each(arr,function(idx,item){     
   //输出
   alert(item.id+"哈哈"+item.name);
})

第二种(for方法遍历)：
for(var key in arr){
alert(key);
alert(arr[key].status);
}
需要强转是可以采用以下两种方法：

$.each(JSON.parse(json), function(idx, obj) {
    alert(obj.tagName);
});
 
//or 
 
$.each($.parseJSON(json), function(idx, obj) {
    alert(obj.tagName);
});

注意：每次遍历都可以使用this对象来获取对应值