加载服务器数据
使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值
语法:$.ajax([settings])
其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
示例:
描述:点击按钮,调用ajax()方法向服务器请求加载一个txt文件,并将返回的文件中的内容替换页面中的内容。
代码实现
<script type="text/javascript">
$(function(){
$("#b01").click(function(){
htmlobj=$.ajax({url:"/example/data/ajax.txt",async:false});
$("#myDiv").html(htmlobj.responseText);
});
})
</script>
...省略代码
<div id="myDiv">
<h3> 通过 AJAX 改变文本</h3>
</div>
<button id="b01" type="button">改变内容</button>
任务:把上面jQuery中的操作在代码框中重现。