您当前的位置： 首页 > 学无止境 > 网站建设 网站首页网站建设
jquery-ajax入门
发布时间：2016-04-03 15:00:15编辑：雪饮阅读（）
Jquery-ajax载入并选择html元素：
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$("input").click(function(){
$("#box").load("ajax2.html #div2");
/*
ajax选择器，异步加载并选择html元素
*/
});
});
</script>
</head>
<body>
<div id="box"></div>
<input type="button" value="button">
</body>
Jquery-ajax默认为get方式请求如：
$("#box").load("ajax2.html?a=b&c=d #div2");
Jquery-ajax的post方式请求：
$("#box").load("test.php",{
url:'ycku'
});
Jquery-ajax的回调函数：
$("input").click(function(){
$("#box").load("test.php",{url:'ycku'},function(response,status,xhr){alert(xhr)});
//response：ajax在服务器端取出的值
//status：ajax的状态
//xhr：ajax从服务器响应得到的一个对象，包含上面两个属性
});
});
关键字词：jquery,ajax