Ajax——JQuery

最新推荐文章于 2024-09-03 01:23:13 发布

丿白驹过隙丶

最新推荐文章于 2024-09-03 01:23:13 发布

阅读量107

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/c986418966/article/details/107486052

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JQuery AJAX
1、$.ajax({
   url:
   请求方式：get|post
   data：请求数据,
   success:function(result,testStatus){},//result后端返回的数据，testStatus服务器返回的状态
   error:function(xhr,errorMessage,e){}//xhr后端返回的数据,errorMessage 错误消息， e错误对象
})

	function onsend(){
		var $mobile = $("#number").val();
		$.ajax({
			url:"Phone",
			type:"post",
			data:"mobile="+$mobile,
			success:function(result,testStatus){
				if(result=="true"){
					alert("successsful!");
				}
				else{
					alert("failed!!!");
				}
			},
			error:function(xhr,errorMessage,e){
				alert("server error!!!");
			}
		});
	}

2、 $.get(       //严格要求顺序
   url服务器地址，
   请求数据，
   function（result）{
   },
   预期返回值类型（String/xml） "text" | "xml" | "json"

)

function onsend(){
		var $mobile = $("#number").val();
		$.get(
				"Phone",
				"mobile="+$mobile,
				function(result){
					if(result=="true"){
						alert("successsful!");
					}
					else{
						alert("failed!!!");
					}
				},
				"text");
}

3、 $.post(
   url服务器地址，
   请求数据，
   function（result）{
   },
   预期返回值类型（String/xml）
)

	function onsend(){
		var $mobile = $("#number").val();
		$.post(
				"Phone",
				"mobile="+$mobile,
				function(result){
					if(result=="true"){
						alert("successsful!");
					}
					else{
						alert("failed!!!");
					}
				},
				"text");
	}

4 $("...").load(           //将服务端的返回值直接插入到$("...")所选择的元素中，可以实现数据学生表实时刷新
   url服务器地址，
   请求数据，
)

	function onsend(){
		var $mobile = $("#number").val();
		$("demo1").load(
				"Phone",
				"mobile="+$mobile,
				function(result){
					if(result=="true"){
						alert("successsful!");
					}
					else{
						alert("failed!!!");
					}
				},
				"text");
	}

5 $.getJSON()
复习json
   var student = {"name":"ks","age":23}
json数组：
   var students = [{"name":"ks","age":22},{"name":"ls","age":25},{"name":"sda","age":21}];
       alert(students[0],name+students[1].name+students[2].name);
$.getJSON(
   url服务器地址，
   jos格式请求数据，
   function（result）{       //请求成功！
       },
   预期返回值类型（String/xml）
)

		$.getJSON(
				"Phone",
				{"mobile":$mobile},
				function(result){
					if(result=="true"){
						alert("successsful!");
					}
					else{
						alert("failed!!!");
					}
				}
		);

服务端返回json数据给前端，使用外部的json jar包，里面有处理json的类

前端要通过eval(服务器的返回值)函数把后端传来的对象转为js识别的JSON对象
JSON中多个对象遍历：