美文网首页
js和jq的ajax调用

js和jq的ajax调用

作者: 汶沐 | 来源:发表于2019-07-16 01:24 被阅读0次

原生ajax

// 定义异步请求对象
var xmr ;
// 检测浏览器是否直接支持ajax
if (window.XMLHttpRequest) {
  xmr = new XMLHttpRequest();
}else{
  xmr = new ActiveObject('Microsoft.XMLHTTP');
}

// 设置回调函数
xmr.onreadystatechange = function(){
  if(xmr.readystate==4&&xmr.status==200){
  //获取服务器的响应值
  var res = xmr.responseText;
  console.log(res)
 }
}

//创建异步请求
xmr.open('GET/POST',url,true);
xmr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
//发送请求
xmr.send();

jQuery的ajax

$.ajax({
        //提交数据的类型 POST GET
        type:"POST",
        //提交的网址
        url:url,
        //提交的数据
        data:{参数},
        //返回数据的格式
        dataType: "text",//"xml", "html", "script", "json", "jsonp", "text".
        //在请求之前调用的函数
        beforeSend:function(){alert("发送请求")},
        //成功返回之后调用的函数
        success:function(data){}   ,
        //调用执行后调用的函数
        complete: function(){},
        //调用出错执行的函数
        error: function(){}
      });

相关文章

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • JQuery

    jq:一个优秀的js库,简化js操作,兼容,提供了大量的方法链式操作原理:jq对象调用jq方法时 当方法执行结束...

  • $_JQ顶级对象-2020-01-01

    JQ的顶级对象jQuery() == $() 利用$把原生js包装jq就可以调用JQ里的方法属性 图片.png图片...

  • js、jq、ajax、linux基础面试点

    js的基本语法延伸:js内置对象延伸:js HTML DOM对象延伸:jQ基础知识 Ajax的基本工作原理延伸:j...

  • ajax封装-jq,js

    Js-ajax //请求的5个阶段,对应readyState的值 //0: 未初始化,send方法未调用...

  • ajax数据库

    Ajax分类js jq json 1.数据库 增删改查MySql oracle SQLServer Mon...

  • JS之 Ajax 组件和库

    0前言 文章中,我们将介绍一些用于AJAX调用的最好的JS库,包括jQuery,Axios和Fetch。AJAX是...

  • jqueryTools jq小方法

    工具方法: 判断数据类型和状态做相应的操作: JQ动画: jq的ajax

  • WKWebView 如何拿到Ajax里的请求参数和返回报文?

    WKWebView 如何拿到Ajax里的请求参数和返回报文? 1.JS端在Ajax 网络库里面 通过调用JSBri...

  • 认识ajax

    ajax: google所用知识: html css js jq h5+c3 新增:php+mysq1 Aja...

网友评论

      本文标题:js和jq的ajax调用

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