admin 管理员组

文章数量: 887021

.AJAX

Ajax = 异步 JavaScript 和XML

1、运行原理

Ajax 相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。

 

 

2、实现步骤

1.  创建 Ajax 对象

2.  告诉 Ajax 请求地址以及请求方式

3.  发送请求

4.  获取服务器端给与客户端的响应数据

原生ajax

 //第一步:创建- -个XMLHttpRequet对象var xmlhttp = new XMLHttpRequest()//第二步:告诉浏览器请求的方式是什么，以及请求发送到哪儿xmlhttp.open("get", "http://127.0.0.1:8091", true)//第三步:设置响应服务器端数据处理xmlhttp.onreadystatechange = function() {//做数据处理document.getElementById("div1").innerHTML = xmlhttp.responseText//第四步:发送请求.}

jquery/ajax

$(functon(){$("#id").click(function(){$.ajax({})})})

 

 

 $(function() {$("#dtn").click(function() {$.ajax({type: "get",url: " XML/student.json",async: true,dataType: "text",success: function(data) {var a = JSON.parse(data)for (var i = 0; i < a.length; i++) {console.log(a[i].stuID)}}})})})

URL：该参数用于指定HTTP请求的URL地址，可以是绝对URL，也可以是相对URL。

type：是什么类型，get  post

async:是异步请求

 dataType：响应的数据类型

 success: function(data)：请求成功时对数据的处理

本文标签： Ajax

版权声明：本文标题：.AJAX 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1686619057h17912.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。