ASP+AJAX(Jquery) 结合使用示例
Downcodes小编今天给大家带来一个十分简单的 ASP+AJAX(Jquery) 结合使用示例,特别适合初学者学习使用。
示例代码
以下示例展示了四种常用的 AJAX 请求方式,分别为:
1. $.ajax()
2. $.post()
3. $.get()
4. $.getJSON()
1. $.ajax()
`html
$(document).ready(function(){
$("#btn1").click(function(){
$.ajax({
url: "ajax.asp",
type: "POST",
data: {name: "Downcodes", city: "北京"},
success: function(result){
$("#div1").html(result);
}
});
});
});
`
2. $.post()
`html
$(document).ready(function(){
$("#btn2").click(function(){
$.post("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div2").html(result);
});
});
});
`
3. $.get()
`html
$(document).ready(function(){
$("#btn3").click(function(){
$.get("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div3").html(result);
});
});
});
`
4. $.getJSON()
`html
$(document).ready(function(){
$("#btn4").click(function(){
$.getJSON("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div4").html("姓名:" + result.name + "
城市:" + result.city);
});
});
});
`
ASP 代码示例 (ajax.asp)
`asp
<%
Response.ContentType = "text/html; charset=utf-8"
Dim name, city
name = Request.Form("name")
city = Request.Form("city")
' 输出 JSON 格式数据
Response.Write("{""name"": """ & name & """, ""city"": """ & city & """}")
%>
`
说明
上述代码中的 ajax.asp 文件需要放置在与 HTML 文件相同的目录下。
$.ajax() 函数是 AJAX 请求的核心,可以自定义各种请求参数。
$.post() 和 $.get() 函数是 AJAX 请求的简化方式,分别对应 POST 和 GET 请求。
$.getJSON() 函数用于获取 JSON 格式的数据。
ASP 代码示例中,Request.Form 用于获取 AJAX 请求传递的参数。
通过这个示例,你应该能够了解如何将 ASP 与 AJAX(Jquery) 结合使用,并使用不同的 AJAX 请求方式来实现数据交互。
总结
ASP+AJAX(Jquery) 的结合使用能够使网站更加动态化,为用户提供更好的交互体验。希望这个示例能够帮助你更好地理解和运用 ASP+AJAX(Jquery)。