如何使用ajax
A. 怎么使用jquery的ajax
$.ajax({
url:'请求地址',
type:'请求类型',//post或get
data:{},//数据
success:function(res){
//请求成功，res是响应的内容
},
error:function(error){
//请求失败，error是错误信息
},
complete:function(){
//请求执行完成，不论失败还是成功都会执行
}
})
B. ajax应该如何应用
首先我建议把所有技术都丢下，ajax到底做了什么，每当get或者post一个页面我们成为一次请求，也就是有一个页面进入另一页面，那么此页面的所有信息自然会参照上一次请求．这样我们发现有问题产生了，一，我们请求的数据量太大，一直Web下无法实现．二，有些请求的局域我们在一些范围内未知．好了，我想ajax就是做这件事的．他能把请求不通过一次页面的传递发送过去．这里我并不同意ajax用来改善用户体验一说，他确实改变了用户体验但不一定是改善． 对于我上诉的两个问题我将具体说明aja的应用． 不同请求固定数据.对于固定的数据采用不同请求是为了解决此固定数据非常庞大以至于无法在网络现实中实现,而且此不同请求的差异上有着连续性.比如Google MAP，对于不同的坐标请求不同的地图的局部数据． 固定请求不同数据.对于这里的不同数据的特点在于时间上的不可知性.例如在聊天系统中我们等待别人发来的信息. 好了，我说说不合理的使用，我不建议把超链接和提交表单行为Ajax处理．因为他违反了我说的那两个问题的处理，第二这种体验逆反了我们的习惯．Web不是软件，我们都习惯了这种数据请求的刷新导致的展缓．举例就是我们对着相机摆POSE的时候都在等待快门咔的一声表示照片拍摄结束，后来出来了数码相机取消了机械相机里面反光板上抬曝光的组建使之静音，但是对于我们来说就很别扭了即使拍照者拍摄完成我们依然在那里摆着POSE等待结束时的咔的一声．后来数码相机又开始做了一个电子的声音咔，其目的是为了防止偷拍，但是也很好的让被拍摄者从新找回来那种咔的体验． 那么,如何解释tabs中的ajax应用呢?我对此也有一定的疑惑.【责编:snow】
C. ajax如何使用
//定义一个
var xmlHttp;
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function check(){
//1.获取需要发送服务器的请求参数
var username = document.getElementById("username").value;
//2.创建XMLHttpRequest对象
createXMLHttpRequest();
//3.定义url,指定发送到服务器哪个文件
var url = "servlet/CheckServlet";
//4.打开连接,异步模式
xmlHttp.open("post", url, true);
//5.设置请求头信息
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
//6.回调函数,接收服务器响应数据
xmlHttp.onreadystatechange = function (){
//8.接收服务器端的响应数据
//判断请求发送的状态和HTTP状态码
if(xmlHttp.readyState==4&&xmlHttp.status==200){
//9.接收响应数据
var text = xmlHttp.responseText;
alert(text);
//10.根据text的值确定在页面动态显示相应的信息
var msg_username = document.getElementById("msg_username");
if(text=="false"){
msg_username.innerHTML="<font color='red'>否</font>";
document.getElementById("submit").disabled=true;
}else{
msg_username.innerHTML="<font color='green'>是</font>";
document.getElementById("submit").disabled=false;
}
}
}
//7.发送
xmlHttp.send("username="+username);
alert(username);
}
D. Ajax到底怎么用
(一)在客户端页面写如下代码：
<script language="JavaScript">
<!--
function ajaxByJyking()
{
var xmlhttp_request = "";
try{
if( window.ActiveXObject )
{
for( var i = 5; i; i-- )
{
try{
if( i == 2 )
{
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" );
}
else
{
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP." + i + ".0" );
xmlhttp_request.setRequestHeader("Content-Type","text/xml");
xmlhttp_request.setRequestHeader("Charset","utf-8"); }
break;
}
catch(e)
{
xmlhttp_request = false;
}
}
}
else if( window.XMLHttpRequest )
{
xmlhttp_request = new XMLHttpRequest();
if (xmlhttp_request.overrideMimeType)
{
xmlhttp_request.override.MimeType('text/xml');
}
}
}
catch(e)
{
xmlhttp_request = false;
}
xmlhttp_request.open('post', 'dealAjax.aspx', true);
xmlhttp_request.send(null);
xmlhttp_request.onreadystatechange = function(){
if (xmlhttp_request.readyState == 4)
{
// 收到完整的服务器响应
document.write("yes")
}
}
}
ajaxByJyking();
//-->
</script>
E. 怎么用AJAX
Ajax工作流程：
1.从页面表单获取须要的数据
2.建立到服务器的连接
3.设置服务器响应之后需要执行的动作
4.向服务器发送请求
XMLHttpRequest 对象
属性：
onreadystatechange 属性为只读，指定当readyState属性改变时的事件处理句柄
readyState 属性为只读，返回当前的状态，0=未初始化 1=初始化 2=发送数据
3=数据传送中 4=完成
responseText 用字符串返回服务器响应
responseXML 用XML返回服务器响应，可以解析为DOM对象
status 服务器的HTTP状态码,200代表成功，404文件未找到
statusText Http状态码的相应文本
详解：在IE浏览器下 把XMLHTTPRequset实例化为一个Active对象
其他浏览器 把它是想为一个本地的Javascript
eg：
//创建一个XMLHttpRequest对象实例
function newXMLHttpRequest()
{//在非IE浏览器下创建一格XMLHttpRequest
if(window.XMLHttpRequest){
xmlHttp= new XMLHttpRequest();
}//在IE浏览器中创建一个XMLHttpRequest对象实例
else if(window.ActiveXObjcet){
try{//在IE较新版本中创建一个XMLHttpRequest
xmlHttp =new ActiveXObject("Msxml2.XMLHTTP");
}catch(el){
//创建ActiveXObject失败
try{
//在IE较老版本中创建一个XMLHttpRequest
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e2){
//无法创建一个XMLHttpRequest
xmlHttp=false;
}
}
}
return xmlHttp;
}
//向服务器发送请求
function addToCart(itemCode){
//得到用户输入
var itemNum=document.getElementById(itemCode).value;
//验证用户输入
if(itemNum == ""|| isNaN(itemNum||itemNum<1)){
alert("请输入一个数字");
}else{
//实例一个XMLHttpRequest对象
var xmlHttp =newXMLHttpRequest();
//当状态被改变的时候，你可以做你想做的
xmlHttp.onreadystatechange=getReadyStateHandler(xmlHttp,addUpdate);
//设置到服务器的连接
xmlHttp.open("post","cart.do",true);
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送请求给服务器
xmlHttp.send("action=add&item="+itemCoke+"&count="+itemNum);
}
}
//返回一个函数，当请求完成后，将服务器返回的XML传递给对应函数处理
function getReadyStateHandler(req,responseXmlHandler){
//返回一个匿名函数监听 XMLHtmlRequest对象实例
return function(){
//如果请求的状态是“完成”
if(req.readyState==4)
//判断请求是否成功
if(req.status==200){
//传递服务器返回的XML给处理函数
responseXmlHandler(req.responseXML);
}else{
//发生HTTP问题
alert("HTTP error"+req.status+":"+req.statusText);
}
}
}
F. jquery ajax方法怎么使用
$.ajax({
url:"后台地址的url",
data:{
id:id
},
type:"POST",
success:function(re){
console.log(re);
}
});
G. 请问怎么用ajax做的
Ajax一般是向后台请求数据的，你拿到数据之后，整理成你想要的格式，然后用计时器来逐个渲染到页面上就可以了。
请求数据有两种思路，一种是加载页面的时候请求数据，一种是点击事件请求数据。页面不复杂建议加载页面时候就去请求数据，这样点击的交互可能会更流畅一些。
H. jquery ajax怎么使用
$.ajax({
//访问地址
url:'/path/to/file',
//访问方式，一般有GET或POST两种
type:'defaultGET(Othervalues:POST)',
//返回的数据格式，这个是可选参数，jquery回默认判断返回参数的类型
dataType:'default:IntelligentGuess(Othervalues:xml,json,script,orhtml)',
//发送的数据
data:{
param1:'value1',
param2:'value2'
},
})
//成功后的处理函数,res为服务器返回的数据
.done(function(res){
console.log("success");
})
//失败后的处理函数
.fail(function(){
console.log("error");
})
//结束后的处理函数，不管成功失败都执行
.always(function(res){
console.log("complete");
});
I. 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的简单使用例子就说完了，以上示例来自教程网站秒秒学，希望对你有帮助。