<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="WebUI/js/clienthint.js"></script> </head> <body> <form> First Name:<input type="text" id="txt1" onkeyup="showHint(this.value)" /> </form> <p>Suggestions: <span id="txtHint"></span></p> </body> </html
1 var xmlHttp 2 function showHint(str) { 3 if (str.length == 0) { 4 document.getElementById("txtHint").innerHTML = ""; 5 return; 6 } 7 xmlHttp =ttpObject() 8 if (xmlHttp == null) { 9 alert("您的浏览器不支持ajax"); 10 return; 11 } 12 var url = "getint.aspx"; 13 url = url + "?q=" + str; 14 url += "&sid=" + Math.random(); 15 xmlHttp.onreadystatechange= stateChanged; 16 xmlHttp.open("GET", url, true); 17 xmlHttp.send(null); 18 19 } 20 function stateChanged() { 21 22 if (xmlHttp.readyState == 4) { 23 console.log(xmlHttp.responseText); 24 document.getElementById("txtHint").innerHTML = xmlHttp.responseText; 25 26 } 27 } 28 function ttpObject() { 29 var xmlHttp = null; 30 try{ 31 xmlHttp=new XMLHttpRequest(); 32 33 } 34 catch (e) { 35 try{ 36 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 37 } 38 catch (e) { 39 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 40 41 } 42 } 43 return xmlHttp; 44 45 }
1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Web.UI; 6 using System.Web.UI.WebControls; 7 8 namespace DemoItem 9 { 10 public partial class getint : System.Web.UI.Page 11 { 12 protected void Page_Load(object sender, EventArgs e) 13 { 14 string q = Request.QueryString["q"].ToString(); 15 Response.Write(q); 16 Response.End();//终止执行代码 17 18 } 19 } 20 }