美文网首页
原生ajax与Jquery的ajax

原生ajax与Jquery的ajax

作者: 黑眼圈是画上的 | 来源:发表于2018-02-26 21:43 被阅读0次

AJAX:通过与服务器进行少量数据交换可以使网页实现异步局部更新。

原生ajax

//监听窗口
window.onload = function(){
//设置点击事件
var btn = document.getElementById("btn");
btn.onclick = function(){

//这里开始AJAX请求
//先创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

//IE5 、IE6不支持xhr
if( xhr == null){
xhr = new ActiveXPObject("Microsoft.XMLHTTP")
}

//open方法用于设置网络请求消息
//它有三个参数,第一个参数是请求方式,第二个参数是请求路径,第三个参数是是否异步
xhr.open("post",url,true);

//发送请求
xhr.send();

//监听请求到达哪个步骤
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
//表示请求完成
if(xhr.status == 200){
//表示请求成功
} else {
//表示请求失败
}
}
}

//获取服务器返回的数据
var text = xhr,responseText
alter(text)
}
}

Jquery的ajax

$(function{
$(#ajax).click(function(){ //设置一个点击事件
$.ajax({
type:"get" //设置请求方式
url:" " //设置请求路径
async: //是否异步
success:function(date){
} //请求成功时
error:function(){
alert("请检查网络")
}
})
})
})

相关文章

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • 原生ajax和jquery中的ajax

    原生的ajax请求方法: jquery中的ajax:

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

  • ajax总结

    1. Ajax 1.1 原生JavaScript封装Ajax 1.2 jquery ajax 及其 快捷方法 $....

  • Ajax实现登陆验证

    关于jquery与Ajax jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法,能...

  • Django中的Ajax

    一、原生Ajax 二、Jquery中的Ajax 1、$.ajax():type为POST时,表示发送数据,type...

  • 前后端交互

    1 前后端交互模式 1.1接口调用方式: 原生AJAX 基于JQuery的AJAX fetch axios 原生的...

  • 原生Ajax与JQuery Ajax

    没有学Ajax之前,就在想这到底是一门什么技术,问自己什么是Ajax?Ajax有哪些重点概念?Ajax如何运用?听...

网友评论

      本文标题:原生ajax与Jquery的ajax

      本文链接:https://www.haomeiwen.com/subject/peruxftx.html