Ajax技术已经得到很广泛的应用，在Web开发中其核心就在于异步通信和局部刷新，极大地改善了用户体验，尤其适合于高频度、低数据量的场景。在不使用Ajax的Web应用中，一个页面处理中只有一次请求，客户端处理完后一次性提交，这种一次请求和一次提交的处理可能比较耗时，从而造成客户等待，使用Ajax把这一次请求和一次提交分割成了多次小的请求和提交，先处理最关键的部分，其他处理可以以异步的方式后台处理，对界面的更新也可以做到只刷新需要更新的部分，不需要整个页面提交再刷新。Ajax的处理模式和传统的Http请求模式是一样的，也是有客户端发出Http请求，服务端处理以后返回数据，是一种拉的模式。
Comet是在Ajax基础上发展起来的一种新的Web开发架构模式，目前的Ajax只能使用拉的模式向服务器发请求，而Comet技术提供了一种由服务器向客户端推信息的处理模式，不需要客户端向服务端发送请求，服务器可以在需要的时候向客户端推送信息，这种模式在一些实时性要求较高的应用中特别有用，如聊天系统、实时股票信息等。在FLEX和Silverlight中都提供了基于Socket的连接，支持从服务器推送信息到客户端，但这种方式需要客户端安装FLASH或Silverlight运行时，Comet技术提供一� ......
在使用AJAX进行程序开发的时候，一直都会面对一个缓存的问题！！
即是，上次请求的时候，因为你的SQL语句或者其他原因，webservice中返回值为空，不是你想要的结果集，在你发现webservice中语句体出错后，进行修改，重新测试，仍然是上次的返回结果！感觉就像你的修改完全无效。。
其实，这是在AJAX当中，都会存在的这种问题，下面写个简单的例子，在Asp.net中，后台VB.NET
UserService.getUser(param,new Date(), onCompleted, onFailure);
webservice代码C#
[WebMethod]
[ScriptMethod]
public User getUser(string id, string temp)
{
//查询数据库，获得User
return new User();
}
这里就是个简单的演示样式，在后台string temp，就是作为一个参数！new Date(),让每次的AJAX请求，都与上次不一样。。。 ......
在使用AJAX进行程序开发的时候，一直都会面对一个缓存的问题！！
即是，上次请求的时候，因为你的SQL语句或者其他原因，webservice中返回值为空，不是你想要的结果集，在你发现webservice中语句体出错后，进行修改，重新测试，仍然是上次的返回结果！感觉就像你的修改完全无效。。
其实，这是在AJAX当中，都会存在的这种问题，下面写个简单的例子，在Asp.net中，后台VB.NET
UserService.getUser(param,new Date(), onCompleted, onFailure);
webservice代码C#
[WebMethod]
[ScriptMethod]
public User getUser(string id, string temp)
{
//查询数据库，获得User
return new User();
}
这里就是个简单的演示样式，在后台string temp，就是作为一个参数！new Date(),让每次的AJAX请求，都与上次不一样。。。 ......
ajax提交表单
关键字: ajax
function ajaxSubmitForm(form, resultDivId) {
var elements = form.elements;// Enumeration the form elements
var element;
var i;
var postContent = "";// Form contents need to submit
for(i=0;i<elements.length;++i) {
var element=elements[i];
if(element.type=="text" || element.type=="textarea" || element.type=="hidden") {
postContent += encodeURIComponent(element.name) + "=" + encode ......
ajax.asp
现在时间是< %=Now()%>
ajax.html
<script type="text/javascript">
function Ajax(){
var xmlHttp=null;
if(window.ActiveXObject){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")
}catch(e){}
}
}else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
if(xmlHttp!=null){
xmlHttp.open("GET","ajax.asp",true);
xmlHttp.onreadystatechange=Call;
xmlHttp.send(null);
}
var p=document.getElementById("content");
function Call(){
if(xmlHttp.readyState==4){
if(xmlHttp.status==200){
p.innerHTML=xmlHttp.responseText;
}
}
}
}
</script>
<button onclick="Ajax()">获取</button>
这里使用ajax算是有些麻烦再看看使用jQue ......
地址：http://www.qhcar.cc/model/index.aspx?s=5，这个就是嵌套ajax结果。
http://www.qhcar.cc/model/index.aspx 这个是单个的ajax，
优点就是可以用一个页面实现显示全部车型和按级别选择车型，为了照顾导航上面如微型车等链接在别的页面进入，
http://www.qhcar.cc/model/index.aspx?s=5这个地址参数s，判断当s不为空并且是数字时，第一次ajax加载到上面级别时不再继续加载，而是判断s 比如s=1 则转而加载 读取微型车数据的ajax.
但是不知道这样实现会不会造成服务器负担过重，如果在浏览量大的页面实现这个效果会不会造成服务器崩溃？还没有测试。
在ajax中去掉了sid=" + Math.random()，这个可以防止访客多次刷新造成的服务器负担。
本人ajax是个新手。有时候逻辑上也比较混乱，上面写的一点逻辑都没有，很多人看来肯定说不知所云嘿嘿！
最近做青海汽车网 的时候，首页导航右下一点的那个车型选择，现在就没有用ajax，结果发现在没有增加这个功能的时候首页在带宽为1M下测试，全部加载完成需要大概4秒左右时间，但是加了这个模块后现在变成了差不多8秒。
细查下发现，首页全部链接加起来也不过2000个，而这个车型选择包括品牌、品牌类、车系、车型等� ......
参数:
options
返回值:
XMLHttpRequest
使用HTTP请求一个页面。
这是jQuery的低级AJAX实现。要查看高级抽象，见$.set、$.post等，这些方法更易于理解和使用。但是功能上有限制(例如，没有错
误处理函数)。
警告：如果数据类型指定为"script"，那么POST自动转化为GET方法。(因为script会作为一个嵌入页面的script标签进行载
入)
$.ajax()函数返回它创建的XMLHttpRequest对象。在大部分情况下，你不需要直接操作此对象。通常，这个
XMLHttpRequest对象主要用于需要手动中断XMLHttpRequest请求的时候。
注意：如果你指明了下面列出的数据类型，请确保服务端发送了正确的MIME响应类型(如. xml 的类型是
"text/xml")。错误的MIME类型能够导致脚本出现意想不到的问题。请查看AJAX的范例来了解数据类型的更多信息。
$.ajax()函数需要一个参数，一个包含有键/值对的对象，用于初始化并操作请求对象。
在jQuery 1.2版本中，如果你指明了一个JSONP回调函数，你就可以从其它的域中载入JSON类型的数据，写法类似于
"myurl?callback=?"
。jQuery会自动调用正确的方法名称来代替查询字符串，执行你指定的回调函数。或者，你也可以 ......
总记录数:703; 总页数:118; 每页6 条;
首页 上一页 1
[2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页 尾页
最新文章 : ajax