码迷,mamicode.com
首页 > Web开发 > 详细

js中的原生Ajax和JQuery中的Ajax

时间:2019-06-08 14:50:25      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:post   let   传输   ram   boolean   lang   open   tip   javascrip   

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

js中的Ajax:

技术图片

参数介绍:

open(String method,String url,boolean asynch);
        准备请求:
            url:
            get/post
            true/false:
            true:异步
            false:同步

readyState
        XMLHttpRequest对象的状态变化。4     (完成) 数据接收完毕,此时可以通过responseXML或者responseText获取完整的应答信息。

status
        服务器的HTTP状态码(200=OK 404=Not Found

responseText
        服务器的响应,表示为一个文本内容。

responseXML
        服务器的响应,表示为一个XML文档。

ajax.onreadystatechange=  function(){
        //回调函数
        if(ajax.status==200 && ajax.readyState==4){
            //获取服务器反馈
            //获取 数据
            var data = ajax.responseText
            var dataxml = ajax.responseXML
            // 利用js做dom操作
        }    
     }

 

 

JQuery中的Ajax:

技术图片

 

  •  $.ajax({
  •      type : "POST", //提交方式
  •      url : "${pageContext.request.contextPath}/org/doDelete.action",//路径
  •      data : {
  •       "org.id" : "${org.id}"
  •      },//数据,这里使用的是Json格式进行传输
  •      success : function(result) {  //返回数据根据结果进行相应的处理
  •       if ( result.success ) {
  •        $("#tipMsg").text("删除数据成功");
  •        tree.deleteItem("${org.id}", true);
  •       } else {
  •        $("#tipMsg").text("删除数据失败");
  •       }
  •      }
  •     });

 

js中的原生Ajax和JQuery中的Ajax

标签:post   let   传输   ram   boolean   lang   open   tip   javascrip   

原文地址:https://www.cnblogs.com/wskb/p/10990620.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!