请求jsp与请求普通文件不通过的地方,请求jsp可能会传参,比如搜索,用户名,页码这些

html部分:<input type="text" id="txt1" onkeyup="showHint(this.value)" />  实参:this.value,input中的值

js部分:function showHint(str){.....}  str用于接收实参

xmlhttp.open("GET","/ajax/gethint.asp?q="+str,true);  asp中的变量q  接收请求asp文件传送的值:this.vue

此处为后端服务器脚本,简单能看懂即可:

<%

response.expires=-1

dim a(30)

'用名字来填充数组

a(1)="Anna"

a(2)="Brittany"

a(3)="Cinderella"

a(4)="Diana"

a(5)="Eva"

a(6)="Fiona"

a(7)="Gunda"

a(8)="Hege"

a(9)="Inga"

a(10)="Johanna"

a(11)="Kitty"

a(12)="Linda"

a(13)="Nina"

a(14)="Ophelia"

a(15)="Petunia"

a(16)="Amanda"

a(17)="Raquel"

a(18)="Cindy"

a(19)="Doris"

a(20)="Eve"

a(21)="Evita"

a(22)="Sunniva"

a(23)="Tove"

a(24)="Unni"

a(25)="Violet"

a(26)="Liza"

a(27)="Elizabeth"

a(28)="Ellen"

a(29)="Wenche"

a(30)="Vicky"

'获得来自 URL 的 q 参数

q=ucase(request.querystring("q"))

'如果 q 大于 0，则查找数组中的所有提示

if len(q)>0 then

  hint=""

  for i=1 to 30

    if q=ucase(mid(a(i),1,len(q))) then

      if hint="" then

        hint=a(i)

      else

        hint=hint & " , " & a(i)

      end if

    end if

  next

end if

'如果未找到提示，则输出 "no suggestion"

'否则输出正确的值

if hint="" then

  response.write("no suggestion")

else

  response.write(hint)

end if

%>

***************this over**************8

AJAX和数据库的动态通信: 主要是由后端来完成,设置一个接收参数又前端传入
  
dom编写同上
ajax服务器页面编写如下:
<%

response.expires=-1

sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="

sql=sql & "'" & request.querystring("q") & "'"

set conn=Server.CreateObject("ADODB.Connection")

conn.Provider="Microsoft.Jet.OLEDB.4.0"

conn.Open(Server.Mappath("/db/northwind.mdb"))

set rs=Server.CreateObject("ADODB.recordset")

rs.Open sql,conn

response.write("<table>")

do until rs.EOF

  for each x in rs.Fields

    response.write("<tr><td><b>" & x.name & "</b></td>")

    response.write("<td>" & x.value & "</td></tr>")

  next

  rs.MoveNext

loop

response.write("</table>")

%>


AJAX被用来与XML的交互式通信
当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 占位符：

<html>
<head>
<script type="text/javascript">
function loadXMLDoc(url)
{
var xmlhttp;
var txt,x,xx,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Artist</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("TITLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
xx=x[i].getElementsByTagName("ARTIST");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td> </td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="txtCDInfo">
<button onclick="loadXMLDoc('/example/xmle/cd_catalog.xml')">获得 CD 信息</button>
</div>

</body>
</html>



over:xml文件




												


											
ajax高级(请求服务器脚本,数据库, ajxa xml文件)的更多相关文章
	

    
						
  1. ajax发送请求下载字节流形式的excel文件
		
    背景 开发项目中导出功能,因为数据量有点大,所以导出可能需要时间有点长,所以想用ajax异步请求. 存在问题 利用传统的js和jquery提供的ajax相关获取响应的方式是无法实现excel文件下载的 ...
    
		
    2. 
						
  2. 使用Microsoft EnterpriseLibrary(微软企业库)日志组件把系统日志写入数据库和xml文件
		
    这里只是说明在项目中如何配置使用微软企业库的日志组件,对数据库方面的配置请参考其他资料. 1.在项目中添加Microsoft.Practices.EnterpriseLibrary.Data.dll. ...
    
		
    3. 
						
  3. Xutils请求服务器json数据与下载文件
		
    String code_url = "https://ic.snssdk.com/user/mobile/send_code/v2/"; HttpUtils httpUtils = ...
    
		
    4. 
						
  4. 导出服务器Oracle数据库为dmp文件
		
    本文链接:https://blog.csdn.net/rensheng_ruxi/article/details/79877267一.前提:本机安装有Oracle客户端,并且是正确安装. 二.导出Or ...
    
		
    5. 
						
  5. ajax异步请求数据
		
    源码1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
    
		
    6. 
						
  6. Maven setting.xml 文件剖析
		
    全局配置: ${M2_HOME}/conf/settings.xml (配置环境变量  新建 M2_HOME    安装目录到版本名那里(D:\apache-maven-3.0.2) 编辑path 环 ...
    
		
    7. 
						
  7. Maven setting.xml 文件配置
		
    全局配置: ${M2_HOME}/conf/settings.xml (配置环境变量  新建 M2_HOME    安装目录到版本名那里(D:\apache-maven-3.0.2) 编辑path 环 ...
    
		
    8. 
						
  8. [转]微擎应用笔记3--manifest.xml文件使用说明
		
    本文转自:https://blog.csdn.net/seven_north/article/details/79508121 微擎在安装或卸载模块时会根据manifest.xml生成(或删除)数据库 ...
    
		
    9. 
						
  9. Python 进行 SSH 操作，实现本地与服务器的链接，进行文件的上传和下载
		
    Python 进行 SSH 操作,实现本地与服务器的链接,进行文件的上传和下载 2018年5月26日 19:03 阅读 375 评论 7 我本地和服务器的连接一直使用的是 Xshell 5,而在与服务 ...
    
		
    10. 
						
  10. 工作小结：xml文件导入到oracle
		
    上周遇到xml文件导入到oracle数据库中,发现正常的xml转成excle格式导入,只针对于1m以下的xml文件.当xml文件太大的时候,就没有作用了. 这时候,我找到了两种办法,一个是java,一 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Java调用Kettle
			
    Java 调用 kettle,难的不是怎么调用,而是解决 maven 依赖冲突问题,直接将 kettle 依赖,添加到我们的 maven 工程,可能会导致代码大范围报错:解决方案也很简单,就是直接从  ...
    
			
    2. 
						
  2. qgis中的时间格式化函数
			
    为方便自己查询,尤其是年月日等在不同编程语言直接的差异,就从官方doc中截图放这
    
			
    3. 
						
  3. PowerShell学习笔记四_函数、IO操作、字符操作、数组
			
    使用静态方法 $now = [DateTime]::Now 实例化 $var=New-Object System.DateTime(1991,12,14)#实例化不需要[] 函数定义 Function ...
    
			
    4. 
						
  4. matlab求解器的选择
			
    可以选择的变步长求解器有:ode45,ode23,ode113,odel5s,ode23s和discret．缺省情况下,具有状态的系统用的是ode45:没有状态的系统用的是discrete． 1)od ...
    
			
    5. 
						
  5. mysql掉电后重启失败问题
			
    报错 2022-12-07T01:41:02.844533Z 0 [ERROR] InnoDB: Ignoring the redo log due to missing MLOG_CHECKPOIN ...
    
			
    6. 
						
  6. LOOP GROUP BY 分组循环的使用方法小栗子
			
    原文链接:https://blog.csdn.net/lmf496891416/article/details/111317377 1.格式: LOOP AT 内表 INTO DATA(工作区) GR ...
    
			
    7. 
						
  7. 运行yarn报错：error C:\liuyan\tools\echarts-5.4.0\node_modules\cwebp-bin: Command failed.
			
    完成warning和报错信息如下. 通过报错信息提示,锁定cwebp-bin,在waring中发现有提示说要更新至7或更高版本. 解决方案:在package.json中,将cwebp-bin设置版本为 ...
    
			
    8. 
						
  8. 遮罩DIV遮挡住下面元素   下面元素如何触发响应点击事件
			
    遮罩DIV{ pointer-events: none; }
    
			
    9. 
						
  9. 整合jUnit4和jUnit5
			
    整合jUnit4 1.引入依赖 <dependency> <groupId>org.springframework</groupId> <artifactId ...
    
			
    10. 
						
  10. Java语言程序设计课后小结
			
    运行结果:Size s = Size.SMALL;此时,s = SMALL.Size t = Size.LARGE:此时t = LARGE. System.out.println(s==t).由于s和 ...
    
			
    11.