ajax原理是什么
AJAX的工作原理相当于用户和服务器之间添加中间层(AJAX引擎),并且用户操作和服务器响应尽可能短。并不是所有用户请求都提交到服务器。雕像 - 某些数据验证数据处理已移交给Ajax引擎,以自己进行操作。只有当您确定需要从服务器中读取新数据时,Ajax引擎才被Ajax引擎替换为Ajax引擎以向服务器提交请求。
AJAX是指创建交互式和快速动态的Web页面应用程序的Web开发技术。它可以更新一些网页,而无需重新加载整个网页。
通过在后台与服务器执行少量数据交换,AJAX可以使网页异步更新。这意味着可以在不重新加载整个网页的情况下更新网页的一部分。
扩展信息:
AJAX一词来自从基于Web的应用程序到基于数据的应用程序的描述。
Ajax不是一种新的编程语言,而是一种用于创建具有更好,更快和交互式的Web应用程序的技术。
使用JavaScript向服务器提出请求并处理响应,而无需阻止用户的核心对象xmlhttprequest。通过此对象,您的JavaScript可以在无需重新加载页面的情况下与Web服务器交换数据,也就是说,不刷新页面,您,您,您可以具有局部刷新效果。
AJAX在浏览器和Web服务器之间使用异步数据传输(HTTP请求),因此网页可以从服务器而不是整个页面请求少量信息。
Ajax可以使Internet应用程序更小,更快,更友好。
AJAX是独立于Web服务器软件的浏览器技术。AJAX基于以下Web标准:
AJAX网络标准中使用的JavaScript,XML,HTML和CSS已得到所有主流浏览器的明确定义和支持。AJAX应用程序独立于浏览器和平台。
Web应用程序比桌面应用程序具有许多优势;他们可以参与主要用户,并且更有可能安装和维护和开发。
但是,Internet应用程序不像传统桌面应用程序那样完整和友好。通过Ajax,Internet应用程序可以变得更加完整和友好。
参考材料:百度百科全书(Ajax开发)
ajax省市联动 回发或回调参数无效 启用了事件验证
您可以添加一个隐藏的内容来存储dropdownlist2选择的值,然后清除正常提交的下拉列表2。代码如下。
.aspx
《%@page Lakenagy =“ C#” autoEventWireup =“ true” codefile =“ default.aspx.cs” shartasits =“ _ default”
enableEventValidation =“ true”%》
!
《 html xmlns =“ http://www.w3.org/1999/xhtml”;》
《头runat =“ server”》
“标题”省和市政无与伦比的第二级连接“/标题”
“/头”
“身体”
《表单id =“ form1” runat =“ server”》
《 div》
《 asp:dropdownlist id =“ dropdownlist1” runat =“ server”》
《/ASP:下拉列表》
《 asp:dropdownlist id =“ dropdownlist2” runat =“ server”》
《/ASP:下拉列表》
《/div》
《 asp:button ID =“ button1” runat =“ server“ text =“ button” onclientClick =“ button_submit)”
onclick =“ button1_click”/》
《输入ID =“ city” type =“隐藏” runat =“服务器”/》
“/形式”
“/身体”
《脚本语言=“ javascript” type =“ text/javascript”》
var http_request;
函数send_request(){
如果window.xmlhttprequest){
http_request =新的xmlhttprequest();
}
否则如果window.activexobject){
http_request = new ActiveXObject(“ Microsoft.xmlhttp”();
}
http_request.onreadystatechange =函数getCity(){
如果(http_request.readystate == 4 && http_request.status == 200){
如果(http_request.responsetext!=“){
var myarr =新数组(25);
var ponsponseText = http_request.responsetext;
var pos = postertext.indexof(“;”);
为i = 0;
而(pos!= -1){
var mytext = ponsponseText.substring (0,pos);
如果mytext!=“”(“){
myarr = myText;
i++;
}
ResponseText = ResponseText.substr(pos + 1);
pos = ponsponsext.indexof(“;”);
继续;
}
for (var n = 0; n 《 i; n++) {
document.getElementById(“ dropdownlist2”)。选项,“);
document.getElementById(“DropDownList2“).length = n + 1;
}
}
}
};
//创建HTTP请求
//打开方法是指打开URL连接
http_request.open(“get“, “GetCity.ashx?ProvinceType=“ + document.getElementById(’DropDownList1’).value, true);
//发送上面创建的HTTP请求
http_request.send(null);
}
函数button_submit(){
document.getElementById('')。值= document.getElementById('dropdownlist2’)。options.innertext;
document.getElementById('dropdownlist2’)。长度= null;
}
“/脚本”
《/html》
。CS
使用系统;
使用system.configuration;
使用System.Data;
使用system.data.sqlclient;
公共部分类_DEFAULT:SYSTEM.WEB.UI.PAGE
{{
受保护的void page_load(对象发送者,EventArgs E)
{{
如果(!page.ispostback)
{{
prodtabind();
this.dropdownlist1.attributes.add(“ onChange”,“ send_request()”(send_request();
}
}
私人空白prodtabind()
{{
sqlConnection sqlConn =新的sqlConnection(configurationsettings.appsettings.tostring();
SqlDataAdapter sda1 = new SqlDataAdapter(“select * from province“, sqlconn);
SqlDataAdapter sda2 = new SqlDataAdapter(“select * from city where proID=1“, sqlconn);
数据集myds1 =新数据集;);
sda1.fill(myds1,“”(“);
sda2.fill(myds1,“ b”);
this.dropdownlist1.datasource = myds1.tables;
this.dropdownlist1.datatextfield =“ proname”;
this.dropdownlist1.datavaluefield =“ proid”;
this.dropdownlist1.databind();
this.dropdownlist2.datasource = myds1.tables;
this.dropdownlist.datatextfield =“城市名称”;
this.dropdownlist2.datavaluefield =“ cityid”;
this.dropdownlist2.databind(databind);
}
受保护的void button1_click(对象发送者,EventArgs E)
{{
使用(sqlConnection sqlConn =新的sqlConnection(configurationsettings.appsettings.tostring((tostring)((tostring))
{{
using (SqlDataAdapter sda2 = new SqlDataAdapter(“select * from city where proID=“ + DropDownList1.SelectedValue, sqlconn))
{{
数据集myds1 =新数据集;);
sda2.fill(myds1,“ b”);
this.dropdownlist2.datasource = myds1.tables;
this.dropdownlist.datatextfield =“城市名称”;
this.dropdownlist2.datavaluefield =“ cityid”;
this.dropdownlist2.databind(databind);
this.dropdownlist2.selectedItem.text = city.value;
}
}
respons.write(dropdownlist1.selectedItem.Text);
响应write(城市。
}
}
什么是AJAX
请获取原始文本的教程:
Ajax路线图
Ajax教程
如果您需要一个教程,可以在看到它之后留下消息“ Ajax”来见到您