jqurey中的ajax（老师代码和API中比较）

最新推荐文章于 2022-09-19 11:05:36 发布

不爱吃鱼丶

最新推荐文章于 2022-09-19 11:05:36 发布

阅读量357

点赞数

本文链接：https://blog.csdn.net/y_dzaichirou/article/details/53694099

版权

有四种形式

（1）老师的

1、

<script type="text/javascript">

	$(function(){
		$("#msg").load("/jQuery3/MyServlet");
	})
</script>/

2、

<script type="text/javascript" src="/jQuery3/js/jquery-1.8.3.js"></script>
<script type="text/javascript">

	$(function(){
		$.ajax({
			url:"/jQuery3/MyServlet",
			success:function(msg){
				$("#msg").html(msg);		
			}
		});
	})
</script>
</head>
<body>
	<div id="msg"></div>
</body>

3、

<script type="text/javascript">

	$(function(){
		$.post("/jQuery3/MyServlet",{name:"zhagnsan",age:22},function(obj){
			//将json字符串转为JSON对象
			//var json = JSON.parse(obj);
			$("#msg").html(obj.name+","+obj.age);
		},"json");
		
	})
</script>

4、

<script type="text/javascript">

	$(function(){
		$.getJSON("/jQuery3/MyServlet2",{name:"zhagnsan",age:22},function(obj){
			$("#msg").html(obj.name+","+obj.age);
		});
		
	})
</script>

ajax中的方法

$.ajax({
    url:'/comm/test1.php',
    type:'POST', //GET
    async:true,    //或false,是否异步
    data:{
        name:'yang',age:25
    },
    timeout:5000,    //超时时间
    dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
    beforeSend:function(xhr){
        console.log(xhr)
        console.log('发送前')
    },
    success:function(data,textStatus,jqXHR){
        console.log(data)
        console.log(textStatus)
        console.log(jqXHR)
    },
    error:function(xhr,textStatus){
        console.log('错误')
        console.log(xhr)
        console.log(textStatus)
    },
    complete:function(){
        console.log('结束')
    }
})

不爱吃鱼丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jqurey中的ajax（老师代码和API中比较）

有四种形式（1）老师的1、 $(function(){ $("#msg").load("/jQuery3/MyServlet"); })/2、 $(function(){ $.ajax({ url:"/jQuery3/MyServlet", success:function(msg){ $("#msg").html(msg);
复制链接

扫一扫