AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。在js中使用ajax请求一般包含三个步骤:创建XMLHttp对象发送请求:包括打开链接、发送请求处理响应在不使用任何的js框架的情况下,要想使用ajax,可能需要向下面一样进行代码的编写<span style="font-size:14px;">var xmlHttp = xmlHttpCreate();//创...
这篇文章主要介绍了双层ajax嵌套(可多层)用法,实例分析了Ajax嵌套的相关使用技巧,可实现多层嵌套的功能,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了双层ajax嵌套(可多层)用法。分享给大家供大家参考。具体如下:function addbus()
{//清除a标签中的所有元素// $("#s1").remove();var chooseIdTypeOne =$("#chooseIdTypeOne2").find("option:selected").val();$.ajax({ url : "/ftcms/changeProject.do?getOrigin...
利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码。第二种是,动态创建一个script标签,设置其src属性,通过把script标签插入到页面head来加载js,相当于在head中写了一个<script src="..."></script>,只不过这个script标签是用js动态创建的 比如说是我们要动态地加载一个callbakc.js,我们就需要这样一个script标签: <script type="text/javascript" src="call.js"></script>如下代码就是...
jQuery.ajaxSetup()函数用于设置AJAX的全局默认设置。该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求,如果对应的选项参数没有设置,将使用更改后的默认设置。该函数属于全局jQuery对象。语法jQuery 1.1 新增该静态函数。jQuery.ajaxSetup( settings )参数参数 描述settings Object类型一个对象,其中的每个属性表示需要更改默认设置的选项,属性值表示更改后的默认值。关于settings参数可以识别的属性,请...
jQuery.ajaxSetup()函数用于设置AJAX的全局默认设置。该函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求,如果对应的选项参数没有设置,将使用更改后的默认设置。该函数属于全局jQuery对象。语法jQuery 1.1 新增该静态函数。jQuery.ajaxSetup( settings )参数参数描述settingsObject类型一个对象,其中的每个属性表示需要更改默认设置的选项,属性值表示更改后的默认值。关于settings参数可以识别的属性,请参...
jQuery.ajax()函数是jQuery封装的AJAX技术实现,通过该函数,我们无需刷新当前页面即可获取远程服务器上的数据。用于通过后台HTTP请求加载远程数据。jQuery.ajax()函数是jQuery的底层AJAX实现。jQuery.get()、 jQuery.post()、load()、 jQuery.getJSON()、 jQuery.getScript()等函数都是该函数的简化形式(都调用该函数,只是参数设置有所不同或有所省略)。该函数属于全局jQuery对象(也可理解为静态函数)。语法jQuery 1.0 新增该静态...
定义和用法ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用。注意:所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。jQuery Ajax在web应用开发中很常用,它主要包括有a...
实例从 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?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执行前执行。语...
本文实例讲述了jQuery simplePage+AJAX plus分页插件。分享给大家供大家参考,具体如下:simplePagehtml,body{ margin:0 auto; text-align:center; }
.main{ font:12px/24px "Microsoft YaHei"; height:1000px; }
#page{ margin:100px auto; width:960px; text-align:center; }
#page a{ text-decoration:none; display:inline-block; height:24px; padding:0 8px; border-radius:3px; background-color:#DEF39E; color:#8CAC2C; t...
实例
从 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?callback=?"。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。 注意:此行以后的代码将在这个回调函数执...
本文实例讲述了jQuery中ajax的post()方法用法。分享给大家供大家参考。具体分析如下:
$.post() 方法通过HTTP POST请求从服务器上请求数据。
语法结构:代码如下:$.post(URL,data,callback);
参数解析:
1.URL:必须,规定请求的URL。
2.data:可选,规定连同请求发送的数据。
3.callback:可选,规定请求成功后所执行的函数名。
代码实例:代码如下:脚本之家$(document).ready(function(){$("#bt").click(function(){$.post("mytest/dem...
本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下:
此函数jQuery中简单而功能强大的ajax方法。
它可以从服务器加载内容,然后写入匹配元素。
语法结构:代码如下:$(selector).load(URL,data,callback);
参数解析:
1.selector:一个选择器,可以将内容加载到此选择器匹配的元素中。
2.URL:必须,需要加载的一个url地址。
3.data:可选,与请求一同发送的查询字符串键/值对集合。
4.callback:可选,lo...
本文实例讲述了jQuery中ajax的get()方法用法。分享给大家供大家参考。具体分析如下:
$.get()通过 HTTP GET请求从服务器上请求数据。
语法结构:代码如下:$.get(url, [data], [callback], [type]);
参数解析:
1.URL:必须,规定请求的URL。
2.data:可选,待发送 Key/value 参数。
3.callback:可选,请求成功后所执行的回调函数。
4.type:可选,返回内容格式,xml, html, script, json, text, _default。
代码实例:代码如下:脚本之家$...
本文实例讲述了javascript中AJAX用法。分享给大家供大家参考。具体分析如下:
兼容地获得XMLHttpRequest对象:var xhr = null;
if(window.XMLHttpRequest){ //非IE浏览器 xhr = window.XMLHttpRequest;
}else if(window.ActiveXObject){ //IE浏览器 try{ //高版本,受msxml3.dll+支持 xhr = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ // 低版本,msxml2.6以下版本使用 xhr = new ActiveXObject("Microsoft.XMLHT...
本文实例讲述了JavaScript基于ajax编辑信息的方法。分享给大家供大家参考。具体如下:// Requires prototype.js
function edit(action, obj) {Element.hide(obj);var textarea ='';var button = ' ';new Insertion.After(obj, textarea+button);Event.observe(obj.id+'_save', 'click', function(){saveChanges(action, obj)}, false);Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);$(obj.id+"_edit...