jQuery·对ajax的封装

1.$.ajax()

  • 作用:向服务器发送异步请求,并且可以处理服务器返回的数据
  • 用法
$.ajax({
			"url" : "请求的路径",
			
			"data" : "请求的参数",
			
			"type" : "请求的方式(get/post)",
			
			"dataType" : "返回的数据格式(text/json/xml/html/script)",
			
			"success" : "服务器处理正确对应的回调函数,格式 function(data){}"
					+ "其中data为服务器返回的json数据转换成的js对象("
					+ " $.ajax方法会自动将json字符串转换成js对象,但服务器返回的参数命名要与function中传递的参数命名一致)",
					
			"error" : "服务器处理失败对应的回调函数"
		});


	function quoto() {
		$.ajax({
			"url" : "quoto.do",
			"type" : "post",
			"dataType" : "json",
			"success" : function(stocks) {
				//$.ajax方法会自动将json字符串转换成js对象
				$("#tb").empty();
				for (var i = 0; i < stocks.length; i++) {
					var s = stocks[i];
					$("#tb").append(
							"<tr><td>" + s.code + "<td/><td>" + s.name
									+ "<td/><td>" + s.price + "<td/></tr>");
				}
			}
		});
	}

2.id.load()

  • 作用:向服务器发送异步请求,然后将服务器
    返回的数据直接添加到符合要求的节点之上。

-2)用法:
id.load(url,data);
注:
url:请求地址
data:请求参数
请求参数有两种写法:
请求字符串 ’username=tom&age=22’
json对象 {‘username’:‘tom’,‘age’:22}
当有请求参数时,load方法会发送post请求,
如果没有请求参数,会发送get请求。

猜你喜欢

转载自blog.csdn.net/XHT123456789/article/details/83109302