AJAX简介
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。
AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。
前台页面
<script>
$.ajax({
type: 'POST',
url: './WebService1.asmx/HelloWorld',
data: "",
dataType: 'json',
contentType: "application/json; charset=utf-8",
timeout: 300000,
success: function (rtn) {
alert("成功");
},
error: function (xhr, type) {
alert("失败");
}
})
</script>
后台接口
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService{
public string HelloWorld()
{
return "{d:'Hello World'}";
}
}
web.xml配置
<system.web>
<compilation debug="true" targetFramework="4.6.1"/>
<httpRuntime targetFramework="4.6.1"/>
<webServices>
<protocols>
<add name= "HttpPost"/>
<add name= "HttpGet"/>
</protocols>
</webServices>
</system.web>
Ajax工作流程
在前台页面上发起Ajax请求,实际上会创建一个XMLHttpRequest对象,然后发起一个request请求,处理结束后,会返回数据。