JQuery的ajax的用法在asp中使用$.ajax()实现

2016-02-19 10:19 13 1 收藏

今天图老师小编要向大家分享个JQuery的ajax的用法在asp中使用$.ajax()实现教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

代码如下:

%
response.Expires=-1
response.CacheControl="no-cache"
%
!--#include file="../../conn/conn.asp"--
!--#include file="../psw.asp"--
!--#include file="../../functions/dofunction.asp"--
!--#include file="../../functions/showfunction.asp"--
!--#include file="../../fqdb/admin/website.asp"--
%
cmd = checkstr(request("cmd"),2)
if cmd="loadteacher" then
response.Charset = "gb2312"
set rs=server.CreateObject("adodb.recordset")
sql="select teacher_id,name from Edu_Person"
rs.open sql,conn,1,3
response.write "{""data"":["
i = 0
do until rs.eof
i = i + 1
response.write "{""Id"":"&rs("teacher_id")&",""Name"":"""&rs("name")&"""}"
if irs.recordcount then response.write ","
rs.movenext()
loop
response.write "]}"
response.End()
end if
%

代码如下:

html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
script type="text/javascript" src="../../js/common/jquery-1.8.0.min.js"/script
script type="text/javascript"
$(document).ready(function(){
$("#btn1").click(function(){
//alert("click");
$.ajax({
url:"ajaxtest.asp?cmd=loadteacher",
dataType:"json",
success:function(json){
//var odata = $.parseJSON(json);
var data = json.data;
for(var i = 0,len = data.length;ilen ;i++){
document.writeln(data[i].Name);
}
}
});
});
});
/script
/head
body
form id="myform" method="post" action="ajaxtest.asp"
!--input type="hidden" name="cmd" value="loadteacher"--
select id="tearchers" name="teachers"
option value="请选择"/option
/select
input type="button" id="btn1" name="btn1" value="加载老师"
!--input type="submit" value="提交"--
/form
/body
/html

来源:http://www.tulaoshi.com/n/20160219/1594196.html

延伸阅读
标签: Web开发
ajax.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / title兼容多浏览器的AJAX入门实例(超详细注释)/title script type="text/ja...
标签: Web开发
一些简单的代码简化 下面是一个简单示例,它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的任务,比方说为页面的某一区域中的每个链接附加一个单击(click)事件,您可以使用纯 JavaScript 代码和 DOM 脚本来实现,如 清单 1 所示。 清单 1 :没有使用 jQuery 的 DOM 脚本 var external_links = document.getElementById('exte...
标签: Web开发
客户端部分: 代码如下: html head meta http-equiv="Content-Type" content="text/html"/ script language="javascript" var ajax; function createAjax() { if(window.ActiveXObject) { try { return new ActiveXObject("Msxm12.XMLHTTP"); } catch(e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } cat...
标签: Web开发
现在提起AJAX,大家都立刻会想起Gmail、google map这几个经典的AJAX应用。Gmail的优良表现我们都看过了,那么它的实现你研究过了吗?它怎么在几个不同的浏览器上可以一致的实现xml异步调用的呢?一起来看看吧。 首先,登录gmail以后我们会先进入这个页面: <html> <head> <meta content="text/html; charset=UTF-8" http-eq...
标签: Web开发
Ajax篇 XMLDocument和XMLHttpRequest对象 第一:创建XMLHttpRequest请求对象 代码如下: function getXMLHttpRequest() { var xRequest=null; if(window.XMLHttpRequest) { xRequest=new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ xRequest=new ActiveXObject("Microsoft.XMLHTTP"); } return xRequest...

经验教程

470

收藏

10
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部