什么是 Ajax? 如何创建一个Ajax?

简介: 什么是 Ajax? 如何创建一个Ajax?

什么是 Ajax? 如何创建一个Ajax?


  • AJAX(Asynchronous Javascript And XML) = 异步 JavaScript + XML 在后台与服务器进行异步数据交换,不用重载整个网页,实现局部刷新。
  • 创建ajax步骤:
  • 1.创建 XMLHttpRequest 对象
  • 2.创建一个新的 HTTP 请求,并指定该 HTTP 请求的类型、验证信息
  • 3.设置响应 HTTP 请求状态变化的回调函数
  • 4.发送 HTTP 请求
  • 5.获取异步调用返回的数据
  • 6.使用 JavaScript 和 DOM 实现局部刷新
var xhr = new XMLHttpRequest();
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
        fn.call(this, xhr.responseText);
    }
};
xhr.send(data);
$.ajax({
   url:'',
type:'',
    data:{},
    dataType:'',
    josnp:'jsoncallback',
    success:function(){
    }
})
相关文章
|
13天前
|
XML JSON 前端开发
Ajax 是什么? 如何创建一个 Ajax?
Ajax 是什么? 如何创建一个 Ajax?
24 0
|
6月前
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
55 0
|
13天前
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
66 0
|
13天前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
13天前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
19 0
|
9月前
|
前端开发 JavaScript
jQuery中的Ajax请求----ajax请求篇(二)
在jQuery中的Ajax请求其实是在底层对原生js请求方式的封装,那么jQuery中的Ajax请求是怎样的呢?
46 0
|
13天前
|
JSON 缓存 前端开发
Jquery中AJAX的应用
Jquery中AJAX的应用
46 0
|
13天前
|
JSON 前端开发 JavaScript
jQuery中ajax的使用
jQuery中ajax的使用
|
13天前
|
XML JavaScript 前端开发
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
58 0
|
13天前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本