js中的原生Ajax和JQuery中的Ajax

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("删除数据失败");
  •       }
  •      }
  •     });

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

时间: 2024-10-12 02:03:48

js中的原生Ajax和JQuery中的Ajax的相关文章

DOM中动态创建元素与jQuery中动态创建元素

DOM中动态创建元素与jQuery中动态创建元素 DOM中动态创建元素: 1. document.write("标签的代码")    缺点:页面中原有的元素会被覆盖掉 2. innerHTML 3. document.createElement("标签的名称") jQuery中动态创建元素: 1. $("标签的代码") 2. 对象.html("标签的代码") 原文地址:https://www.cnblogs.com/david

Ajax相关(原生ajax,jQuery中ajax,axios)

1. get和post请求 从服务端获取数据:get请求 请求参数在地址栏中以urlencoded形式显示 格式:username=xcr&userAge=18 通过location.search可获取当前地址栏中 ? 及其后面的请求参数内容 可发送 2kb左右的数据 只能发送文本形式的数据 get请求可以被缓存,将地址保存,这个请求所携带的请求参数都将被保存 给服务端发送数据:post请求 post请求的参数在请求体中,不会在地址栏中体现,发送一些隐私数据时使用post请求发送,相对get请求

js原生方式实现jquery中的append()方法

一.在使用jquery时, append() 方法在被选元素的结尾(仍然在内部)插入指定内容 使用方法:$(selector).append(content),content为必需的.规定要插入的内容(可包含 HTML 标签) 二.在使用原生js时,使用appendChild() 方法可向节点的子节点列表的末尾添加新的子节点, 用法:parent.appendChild(child); child没有引号包住,child参数,是node类型.给一个空文档里面动态创建元素,要使用document.

JS自定义对象,正则表达式,JQuery中的一些知识点

一:自定义对象 1.基本概念:①对象:包含一系列无序属性和方法的集合.②键值对:对象中的数据是以键值对的形式存在的,以键取值.③属性:描述对象特征的一系列变量.[对象中的变量]④方法:描述对象行为的一系列方法.[对象中的函数] 2. 对象的声明: ①字面量声明:var obj={}: ②new 关键字:var lisi = new Object(); 3.对象中属性和方法的读写方式: ①通过.运算符:对象内部:this.属性名 this.方法名(); 对象外部:对象名.属性名 对象名.方法名.

Hybrid App开发之Ajax在JQuery中的应用

前言: 今天学习一下如何通过Ajax与服务器进行交互,并且学习一下如何在JQuery中使用. 首先先了解一下什么是ajax? AJAX即"Asynchronous,Javascript+XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.AJAX=异步JavaScript和XML(标准通用标记语言的子集).AJAX是一种用于创建快速动态网页的技术.通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情

Ajax在jQuery中的应用

Ajax是Asynchronous JavaScript and XML的缩写,其核心是通过XMLHttpRequest对象,以一种异步的方式,向服务器发送数据请求,并通过该对象接收请求返回的数据,从而完成人机交互的数据操作.在jQuery中,有大量的函数与方法为Ajax技术提供支持. 1.load()方法 load(url,[data],[callback]) 参数url为被加载的页面地址,可选项[data]参数表示发送到服务器的数据,其格式为key/value.可选项[callback]参数

Ajax在jQuery中的应用(加载异步数据、请求服务器数据)

加载异步数据 jQuery中的load()方法 load(url,[data],[callback]) url:被加载的页面地址 [data]:可选项表示发送到服务器的数据,其格式为 key/value . [callback]:可选项表示加载成功后,返回至加载页的回调函数. 全局函数 getJSON() $.getJSON(url,[data],[callback]) <div class="container col-lg-12"> <div style=&quo

js中的写出想jquery中的函数一样调用

1.IIFE: Immediately-Invoked function Expression 函数模块自调用 2.代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <div id="demo">的么的事</div> <

ajax在jQuery中的应用 (3)$.ajax()的基本概念