快捷導(dǎo)航

Ajax動(dòng)態(tài)加載數(shù)據(jù)庫(kù)示例

更新時(shí)間：2014年05月18日 17:18:32 作者：

這篇文章主要介紹的是一個(gè)Ajax動(dòng)態(tài)加載數(shù)據(jù)庫(kù)示例,需要的朋友可以參考下

 
<!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> 
<title></title> 
<script type ="text/javascript"> 
function btnClick() { 
var xmlhttp = xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
if (!xmlhttp) { 
alert("創(chuàng)建xmlhttp對(duì)象異常!"); 
return false; 
} 
var text1 = document.getElementById("Text1"); 
xmlhttp.open("post","GetPrice2.ashx?ts"+text1, false); 
xmlhttp.onreadystatechange = function () { 
if (xmlhttp.readyState == 4) { 
if (xmlhttp.status == 200) { 
document.getElementById("Text2").value = xmlhttp.responseText; 
} 
else { 
alert("Ajax返回錯(cuò)誤！"); 
} 
} 
} 
xmlhttp.send(); 
} 
</script> 
</head> 
<body> 

<p> 
產(chǎn)品名稱：<input id="Text1" type="text" /></p> 
<p> 
價(jià)格：<input id="Text2" type="text" /></p> 
<p> 
<input id="Button1" type="button" value="查詢" onclick = "btnClick()"/></p> 
</body> 
</html> 

復(fù)制代碼代碼如下:

 
<%@ WebHandler Language="C#" Class="GetPrice" %> 

using System; 
using System.Linq; 
using System.Web; 
using DataSetProductsTableAdapters; 

public class GetPrice : IHttpHandler { 

public void ProcessRequest (HttpContext context) 
{ 
context.Response.ContentType = "text/plain"; 
//context.Response.Write("Hello World"); 
string name = context.Request["text1"]; 
var data = new PriceTableAdapter().GetDataByName(name);//需要建一個(gè)強(qiáng)類(lèi)型的dataset 
if (data.Count <= 0) 
{ 
context.Response.Write("none|0"); 
} 
else 
{ 
context.Response.Write("ok|" + data.Single().Price); 
} 
} 

public bool IsReusable { 
get { 
return false; 
} 
} 

} 

您可能感興趣的文章:

相關(guān)文章

基于firefox實(shí)現(xiàn)ajax圖片上傳
這篇文章主要介紹了基于firefox實(shí)現(xiàn)ajax圖片上傳，大家都知道在FF下使用ajax是件挺困難的事情，今天給大家介紹的是完美解決這個(gè)問(wèn)題的方法，小伙伴可以參考下。
2015-05-05
結(jié)合AJAX進(jìn)行PHP開(kāi)發(fā)之入門(mén)
結(jié)合AJAX進(jìn)行PHP開(kāi)發(fā)之入門(mén)...
2006-12-12
ajax編寫(xiě)簡(jiǎn)單的登錄頁(yè)面
這篇文章主要為大家詳細(xì)介紹了ajax編寫(xiě)簡(jiǎn)單登錄頁(yè)面的具體代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
Ajax刪除數(shù)據(jù)與查看數(shù)據(jù)操作
這篇文章主要介紹了Ajax刪除數(shù)據(jù)與查看數(shù)據(jù)操作,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-03-03
Ajax同步和異步問(wèn)題淺析及解決方法
通過(guò)ajax向后臺(tái)發(fā)送和接收數(shù)據(jù)時(shí)，常常會(huì)出現(xiàn)同步異步問(wèn)題。這篇文章給大家介紹Ajax同步和異步問(wèn)題淺析，需要的朋友參考下
2017-02-02
AJAXRequest v0.2
AJAXRequest v0.2...
2006-12-12
Ajax返回值類(lèi)型與用法實(shí)例分析
這篇文章主要介紹了Ajax返回值類(lèi)型與用法,結(jié)合實(shí)例形式分析了ajax返回值的xml類(lèi)型與文本類(lèi)型詳細(xì)分類(lèi)、用法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-07-07
asp.net 全部選中與取消操作,選中后的刪除(ajax)實(shí)現(xiàn)無(wú)刷新效果
現(xiàn)在我們?cè)诰幊痰臅r(shí)刻總是要利用一些最新的技術(shù)去解決問(wèn)題。。。。下面是我用ajax與jequery結(jié)合在一起使用的一個(gè)實(shí)例。希能給一起學(xué)習(xí)的朋友們帶來(lái)幫助。
2009-06-06
ajax交互Struts2的action(客戶端/服務(wù)器端)
本文為大家探討下ajax交互Struts2的action并有客戶端及服務(wù)器端代碼，感興趣的朋友可以參考下，希望對(duì)大家有所幫助
2013-08-08
HTML5 Ajax文件上傳進(jìn)度條如何顯示
這篇文章主要介紹了HTML5 Ajax文件上傳進(jìn)度條是如何顯示的，基于原生html5實(shí)現(xiàn)，不需要falsh支持，進(jìn)度可以自定義顯示，控制靈活，感興趣的小伙伴們可以參考一下
2016-04-04