Ajax——JQuery

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中多个对象遍历:


 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值