Ajax 的用法

1、什么是 Ajax?

  Ajax,英文名 Asynchronous JavaScript and XML,也就是异步的 JavaScript 和 XML。它不是一门新的语言,而是一种使用现有标准的新方法,可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容,而且不需要任何浏览器插件,只需要用户允许 JavaScript 在浏览器上执行。

2、Ajax 的工作原理

由上图我们可以看到,浏览器首先 创建一个 XMLHttpRequest 对象,然后将这个对象发送给服务器;服务器响应并封装一些数据回传给浏览器;浏览器接收到服务器的响应数据,根据数据做出相应的操作,比如更新页面内容等操作。

3、如何使用 Ajax?

1、创建 XMLHttpRequest 对象

2、

时间: 2024-10-07 07:40:10

Ajax 的用法的相关文章

详细解读Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法

一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个参数为服务器的状态,是可选参数. 而其中,服务器返回数据的格式其实是字符串形势,并不是我们想要的json数据格式,在此引用只是为了对比说明 $.get("data.php",$("#firstName.val()"),function(data){ $("

ajax实战用法详解

谦虚使人进步,总结使人提高! 以下5个方法执行一般Ajax请求的简短形式,在处理复杂的Ajax请求时应该使用jQuery.ajax() 1.load(url,[data],[callback])载入远程HTML文件代码并插入至DOM中,默认使用GET方式,传递参数时自动转换为POST方式. 示例代码如下://无参数.无回调函数$("#showload").load("load.htm");//无回调函数$("#showload").load(&q

js原生ajax与jquery的ajax的用法区别

什么是ajax和原理? AJAX 是一种用于创建快速动态网页的技术. 通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据 XMLHttpRequest对象的基本属性: onreadtstatechange 每次状态改变所触发事件的时间处理程序. responseText 从服务器响应返回以字符串为形式的数据 responseXML 从服务器响应返回以XML(DOM兼容文档)数据对象 status 从服务器返回的数字代码 100-199 用于指定客户端应相应的某些动作. 2

jQuery ajax - getJSON() 用法实例

实例 从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据: $.getJSON("test.js", function(json){ alert("JSON Data: " + json.users[3].name); }); 定义和用法 通过 HTTP GET 请求载入 JSON 数据. 在 jQuery 1.2 中,您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据,如 "myurl?cal

深入理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

当我们用javascript写ajax程序写得很“开心”的时候,突然有人告诉你有一种东西叫jquery,它会告诉你不直接和HttpRequest是多么的快乐,同时你再也不需要再烦恼纠结的ajax乱码问题,更幸福的是你的js代码将大大地简化,看完本文,你会发现,ajax,简单的来讲就是一句话的事情. 本文重点是来讲讲jQuery中调用ajax的4种方法:$.get.$.post.$getJSON.$ajax.如果读者没有javascript和jquery的知识,或者没有ajax的概念,那么请先去问

理解jQuery中$.get、$.post、$.getJSON和$.ajax的用法

ajax的4种方法:$.get.$.post.$getJSON.$ajax. 1.$.get $.get()方法使用GET方式来进行异步请求,它的语法结构为: $.get( url [, data] [, callback] ) url:string类型,ajax请求的地址. data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中. callback:可选参数,function类型,当ajax返回成功时自动调用该函数. 例: $.

Jquery的$.get(),$.post(),$.ajax(),$.getJSON()用法详细解读

1.$.get $.get()方法使用GET方式来进行异步请求,它的语法结构为: $.get( url [, data] [, callback] ) 解释一下这个函数的各个参数: url:string类型,ajax请求的地址. data:可选参数,object类型,发送至服务器的key/value数据会作为QueryString附加到请求URL中. callback:可选参数,function类型,当ajax返回成功时自动调用该函数. $.get()实例: $.get("data.php&qu

jquery ajax 的用法

jquery的ajax请求的主要参数 beforeSend:发送ajax请求之前 success:发送ajax请求成功 error:发送ajax请求错误,通常是网络失去连接.服务器出错.后台方法错误等造成的 代码: $(function() { $.ajax( { url:location.href, dataType:'json', type:'post', data:{action:'_yundanran-all-cat'}, beforeSend:function() { console.

$.ajax 的用法以及参数设置

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项

【原创】Ajax的用法总结

一.什么是Ajax Ajax英文全称为“ Asynchr JavsScript and XML”(异步的JavaScript和XML),是一种创建 交互式网页的开发技术. 二.Ajax技术的核心 Ajax是一系列相关技术的融合,其核心包括XMLHttpRequest.JavsScript和DOM技术,数据格式 的不同可能会用到Json或者XML的技术. XMLHttpRequest是它的核心的内容,它能够为页面中的JavaScript脚本提供特定的通信方式, 从而使页面的javascript脚本