AJax完成申请注册客户即时意见反馈

摘要: 一、javascript 方法 script type= text/javascript function createXMLHttpReq() else if (window.ActiveXObject) catch(oError) } } throw new Error ( 不可以建立XMLHttpRequest目标。 }var oXmlHttpReq = createXMLHttpReq(); function sendR...

一、javascript 方法

script type= text/javascript

function createXMLHttpReq() else if (window.ActiveXObject) catch(oError)

 }

 }

 throw new Error ( 不可以建立XMLHttpRequest目标。

}

var oXmlHttpReq = createXMLHttpReq();

 

function sendRequest()

 oXmlHttpReq.open( POST ,  checkusername.asp , true);

 // 如需将恳求推送到网络服务器,大家应用 XMLHttpRequest 目标的 open() 和 send() 方式:

 oXmlHttpReq.setRequestHeader( Content-Type ,  application/x-www-form-urlencoded

 oXmlHttpReq.onreadystatechange = callback;

 oXmlHttpReq.send(sData);

 // 假如必须像 HTML 表格那般 POST 数据信息,请应用 setRequestHeader() 来加上 HTTP 头。随后在 send() 方式中要求您期待推送的数据信息

 } catch(oErr)

 }

}

function callback()  else 

 }

}

function checkData()  else 

 if (username ==  )  else 

 return status;

}

/script


form method= post  name= form1  id= form1  action= javascript:alert( 客户名: +document.form1.txtUserName.value);  onsubmit= return checkData()

  div id= caption 申请注册新客户 /div

  table border= 0

  tr

  td label for= txtUserName 客户名: /label /td

  td input name= txtUserName  type= text  id= txtUserName onblur= sendRequest();  /

  span id= msg1 /span /td

  /tr

  tr

  td label for= txtPassword 密 码: /label /td

  td input type= password  name= txtPassword  id= txtPassword  /

  span id= msg2 /span /td

  /tr

  tr

  td nbsp; /td

  td input type= submit  name= btnReg  id= btnReg  value= 递交  / /td

  /tr

  /table

 

表明:
所述JavaScript脚本制作块中界定了4个涵数:createXMLHttpReq、sendRequest、callback和checkData,
在其中前3个与Ajax互动相关. 要查验表格数据信息,可将checkData涵数做为form1表格的submit恶性事件解决程序;
要完成Ajax互动,应将sendRequest涵数做为txtUserName文字框的blur恶性事件解决程序。
 另外,也要设定form1表格的action特性,便于对表格数据信息开展解决。因此,理应网页页面中表格和表格域
 特性开展设定。
 
二、Jquery 方法
 
 JQuery 目标 Ajax 互动实际操作开展了封裝。假如应用jQuery来完成Ajax互动全过程,只要用对JQuery
 目标启用 load 方式(或别的方式)就可以。在本例中,下边的句子根据AJax方法向ASP网络服务器网页页面
 checkusername.asp 推送客户名信息内容,随后将网络服务器回到的HTTP响应文字显示信息在span原素中,并对
 span原素的文字色调开展设定,真可以说毕其功于一役。
 
 $( #msg1 ).load( checkusername.asp ,).css( color , gray
 
 启用load方式可载入远程控制HTML文档编码并插进DOM中,在其中第一个主要参数特定得加载的HTML网页页面网站地址,
 第二个主要参数是可选择的,用以特定要推送到网络服务器的key/value数据信息。
 假如特定了第二个主要参数,则全自动应用post方式向网络服务器释放压力数据信息。

实际操作手册-首页 实例展现


(当有些人让你留言板留言回应之时,联络电子邮箱能够立即通告你)
大家提议你填好恰当的电子邮箱详细地址,假如你以前填好电子邮箱详细地址是不正确的能够根据 【改动材料】 来再次设定


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:创建网站