导航:首页 > 使用方法 > ajax使用方法

ajax使用方法

发布时间:2022-01-09 14:51:19

① AJAX异步操作方法

AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。
在winform中可以用线程的方式来实现所谓的快速响应或者更改某块区域的信息。
如果你是web网页,请网络搜索Jquery Ajax,例子N多。

什么是ajax方法

var url="zhuceAction!denglu.action";
$.ajax({
url:url,
type:"post",
data:{'user_pass':user_pass,
'user_number':user_number},
success:function(info){
if( info=="您输入的账号或密码有误!请重新输入。"){

alert(info);
window.location.reload();

}
else{

window.navigate("index.jsp");
}
}
});

③ jquery ajax使用方法

JQUERY:
$.ajax({
type:'post',//可选get
url:'action.php',//这里是接收数据的PHP程序
data:'data='dsa'',//传给PHP的数据,多个参数用&连接
dataType:'text',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
success:function(msg){
//这里是ajax提交成功后,PHP程序返回的数据处理函数。msg是返回的数据,数据类型在dataType参数里定义!
},
error:function(){
ajax提交失败的处理函数!
}
})

PHP action.php
<?php
echo "this is a ajax example!";
?>

④ Jquery.ajax()使用方法

感觉像点击一个菜单,调用ShowNodeContent显示菜单内容

如何使用jquery提供的$ajax方法向后台传对象集合

创建一个对象

varobj={};
obj.name='name';
obj.list=[1,2,3];

作为post参数发送请求

$.ajax({
url:'',
type:'post',
data:{
obj:obj
}
});

⑥ jquery中的ajax怎么

运用ajax()方法,比其它如load()、get()、post()全局性函数它更多地关注实现过程中的细节;首先要了解其参数列表:
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type:要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。
timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。
async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。
cache:要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false)。设置为false将不会从浏览器缓存中加载请求信息。
data: 要求为Object或String类型的参数,发送到服务器的数据。如果已经不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value格式,例如{foo1:"bar1",foo2:"bar2"}转换为&foo1=bar1&foo2=bar2。如果是数组,JQuery将自动为不同值对应同一个名称。例如{foo:["bar1","bar2"]}转换为&foo=bar1&foo=bar2。

⑦ ajax的open方法怎样理解和使用

Ajax open
创建一个新的http请求,并指定此请求的方法、URL以及验证信息
语法
oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);
参数
bstrMethod
http方法,例如:POST、GET、PUT及PROPFIND。大小写不敏感。
bstrUrl
请求的URL地址,可以为绝对地址也可以为相对地址。
varAsync[可选]
布尔型,指定此请求是否为异步方式,默认为true。如果为真,当状态改变时会调用onreadystatechange属性指定的回调函数。
bstrUser[可选]
如果服务器需要验证,此处指定用户名,如果未指定,当服务器需要验证时,会弹出验证窗口。
bstrPassword[可选]
验证信息中的密码部分,如果用户名为空,则此值将被忽略。
Example
下面的例子演示从服务器请求book.xml,并显示其中的book字段。
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
xmlhttp.open("GET","http://localhost/books.xml", false);
xmlhttp.send();
var book = xmlhttp.responseXML.selectSingleNode("//book[@id=''bk101'']");
alert(book.xml);
备注
调用此方法后,可以调用send方法向服务器发送数据。

⑧ 基本Ajax操作的几个基本步骤

J avaScript的功能这么强~没想到啊!!

AJAX 基本概念

Asynchronous Javascript and XML

一、典型流程

1、 客户端触发异步操作

区别于B->S->B的同步提交模式,有等待时间,异步式在客户操作同时又AJAX引擎与服务器交互,更加人性化和快捷

2、 创建新的XMLHttpRequest对象

AJAX技术的核心与服务器交互的类

3、 与Server进行连接

通过send()方法实现

4、 服务器端进行连接处理

必须的

5、 返回包含处理结果的XML文档

其实未必是XML文档,而是字符串TEXT

6、 XMLHttpRequest对象接收处理结果并分析

7、 更新页面

二、原来的流程 browser --àserver --àbrowser 同步的编程模型, 有等待的时间

三 AJAX的流程

四、XMLHttpRequest 对象

1、属性

readystate

0描述一种"未初始化"状态;此时,已经创建一个XMLHttpRequest对象,但是还没有初始化

1描述一种"发送"状态;此时,代码已经调用了XMLHttpRequest open()方法并且XMLHttpRequest已经准备好把一个请求发送到服务器

2 描述一种"发送"状态;此时,已经通过send()方法把一个请求发送到服务器端,但是还没有收到一个响应。

3 描述一种"正在接收"状态;此时,已经接收到HTTP响应头部信息,但是消息体部分还没有完全接收结束。

4描述一种"已加载"状态;此时,响应已经被完全接收

responseText 从AJAX引擎中拿出server返回的信息

status AJAX与sever交互成功没有?状态码200表示成功

//-----AJAX BEGIN-----

var xmlHttp;

//定义变量用来装XMLHttpRequest

function createXMLHttpRequest() {

if(window.XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

//NS FIREFOX 等的初始化XMLHttpRequest实例

} else if(window.ActiveXObject) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

//MS的流浪器的初始化XMLHttpRequest实例

}

//浏览器大战牺牲的产物,只有这样才能具有垄断地位,不过现在也在趋于标准化W3C出标准也是迟早的问题

function validate() {

//提供DOM模式的入口方法,在事件中调用JAVASCRIPT函数即可进入AJAX引擎

var vUserId = trim(document.getElementById("userId").value);

if(vUserId != "") {

createXMLHttpRequest();

//上面的那个方法~初始化XMLHttpRequest,状态码为0

var url = "user_validate.jsp?userId=" + vUserId + "×tamp=" + new Date().getTime();

//这里的URL里加入了时间戳,这样就不会提交到同一个页面,避免了IE缓存所产生的一些奇怪的问题,也不用清缓存了

xmlHttp.open("GET", url, true);

//准备提交给服务器进行事务处理,状态码变成2,具体的食物处理可以再user_validate.jsp中经行,不过我觉得提交给SERVERLET更好 在JSP直接out.println("用户已经存在,代码=[" + userId + "]");就可以被捕获我觉得挺奇怪的其实
}

xmlHttp.onreadystatechange=callback;

//当状态码代发生变化的时候调用后面的函数

xmlHttp.send(null);

//提交给服务器进行处理

} else {

document.getElementById("resText").innerHTML = "";

}

}

function callback() {

//状态码改变时调用

if(xmlHttp.readyState == 4) {

//确定了变化的状态,定位是服务器处理完毕

if(xmlHttp.status == 200) {

//确定了处理的结果,是服务器成功处理,不是404,500错误

var resTextSpan = document.getElementById("resText");

//DOM

if(trim(xmlHttp.responseText) != "") {

//获得服务器的响应结果,response以字符串的形式返回(TEXT)

resTextSpan.innerHTML = "<font color='red'>" + xmlHttp.responseText + "</font>";

//还是DOM

} else {

resTextSpan.innerHTML = "";

}

} else {

alert("请求失败,错误码=" + xmlHttp.status);

//返回错误信息

}

}

}

//-----AJAX END-----

AJAX引擎的一般步骤

a) 创建Ajax引擎对象XMLHttpReqest

creatXMLHttpRequest();

b) 调用open方法与Ajax引擎建立连接,并告诉Ajax引擎我们的请求方式为get,请求url及采用异步方式

c) 告诉Ajax引擎处理完成后,如何把结果反馈给我们,我们通常指定一个方法句柄,那么Ajax就会调用我们指定的方法,从而就可以得到Ajax引擎返回的数据(这种方式一般称为回调机制)

onreadystatrchange()=function(...)

d) 最后调用send方法把我们步骤b和c设置的参数发送给Ajax引擎(也就是真正的交给Ajax引擎去处理)

实际过程

validate() {

createXMLHttpRequest();

xmlHttp.open("GET", url, true);

xmlHttp.onreadystatechange=function(...);

xmlHttp.send(null);

}

其中响应处理在FUNCTION

事务处理在URL
我写的虽然有借鉴

⑨ 如何使用JQ中的Ajax

jQuery是一个轻量级js框架,使用方便快捷,更是封装ajax处理方法,如$.load() $.get() $.post() 等
但最常用的方法还是$.ajax()$.ajax({ type: 'POST', async: false, //注意这里要求为Boolean类型的参数,false不能写成'false'不然会被解析成true url: url , data: data , dataType:'json', cache:false, //同理 success: success , error:error, dataType: dataType});

⑩ AJAX是什么如何在JavaScript中使用

JavaScript能流行,一个很重要的原因是AJAX技术的应用。在网页中有很多的应用。举两个常见的AJAX应用的例子:
1、 在搜索中,我们输入关键字时,网页会实时展现搜索结果;这是用AJAX实现的。
2、 使用地图时,地图会根据用户显示的位置不停的更新。这也是通过AJAX实现。

那么什么是AJAX呢?
AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML(这里我们主要介绍下JavaScript中AJAX的应用)
通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。(比如,当你要放大地图的时候,你会不断的向服务器请求地图当前位置的详细信息,服务器返回数据给你,这里我们并不需要重新加载整个页面,不然用户体验就太差了。而是局部更新页面。)

由于我不可能在这写一个地图这样复杂的例子,而为了演示AJAX的使用,我借用了秒秒学的一个简单示例:

// 简单的AJAX举例。

// 1: 创建请求变量
var myRequest;

// 浏览器的特征检查。
if (window.XMLHttpRequest) { //若支持,则是火狐、谷歌等浏览器。
myRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) { // 若不支持, 则是IE浏览器。
myRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

// 2: 为请求添加事件处理代码。
myRequest.onreadystatechange = function(){
console.log("匿名函数被调用!");
console.log(myRequest.readyState);
if (myRequest.readyState === 4) {
var p = document.createElement("p");
var t = document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};

// 3: 配置发送请求
myRequest.open('GET', 'simple.txt', true);
myRequest.send(null);

//....

使用AJAX主要分三部分,如示例中的
1、 创建请求的变量。
在script文件中,首先声明XMLHttpRequest对象,这也是题主说的Ajax的核心。浏览器页面能通过XMLHttpRequest对象和服务器进行通讯。因为这个对象的创建因浏览器的不同而有区别。所以我们要用if语句判断XMLHttpRequest是否存在。

2、 为请求添加事件处理代码
创建好XMLHttpRequest对象后,就可以向服务器发送请求了,不过我们首先处理服务器响应的事件。当服务器响应后会触发myRequest对象的onreadystatechange事件。
在onreadystatechange事件中我们看到myRequest调用了readyState属性,readyState有4个值表示目前响应所在的阶段,各数值表示如下:
l 1:请求已经建立,但是还没有发送(还没有调用 send())。
l 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。
l 3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。
l 4:响应已完成;您可以获取并使用服务器的响应了。
我们一般只关心readyState的值为4的情况,表示响应已完成。

3、 配置发送请求
使用open方法配置请求。它有三个参数:
1、第一个参数表示用GET获取服务器中的数据。
2、第二个参数是一个服务器地址,这里我们用本地的simple.txt代替,省去创建服务器的麻烦。
3、第三个参数true表示请求是异步的,即当请求发送后,JavaScript不会为了等待服务器的响应而阻塞,它会继续执行后续代码。

配置好请求后,用send方法发送请求,这里给send传递的参数是null,若有其它参数需要发送,也可以传递给send方法。

这样AJAX的简单使用例子就说完了,以上示例来自教程网站秒秒学,希望对你有帮助。

阅读全文

与ajax使用方法相关的资料

热点内容
硅锰合金锰的分析方法 浏览:122
薯仔做菜的最简单方法 浏览:866
活性炭法检测氡方法 浏览:885
如何提高数学成绩的最佳方法小学 浏览:121
干锅包菜制作方法怎么样烧才好吃 浏览:429
java如何根据传入参数调方法 浏览:517
用什么方法能缓解口舌干燥 浏览:77
apollo计算方法 浏览:796
有肚子t恤下摆打结方法步骤 浏览:626
4岁幼儿口齿不清晰的治疗方法 浏览:825
子宫肌瘤的治疗方法小 浏览:77
手机充电器线的正确方法 浏览:493
如何快速生成get和set方法 浏览:683
小孩得了结核怎么治疗方法 浏览:634
比率电化学分析方法什么意思 浏览:412
活塞波浪环的正确安装方法 浏览:552
脚上长疣的治疗方法 浏览:116
要用什么方法写字才快 浏览:559
原神中找封神童简单的方法 浏览:668
识字教学第六课画教学方法 浏览:772