Ajax动态加载数据库示例
2018-10-12 14:03
253 查看
<!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("创建xmlhttp对象异常!");
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返回错误!");
}
}
}
xmlhttp.send();
}
</script>
</head>
<body>
<p>
产品名称:<input id="Text1" type="text" /></p>
<p>
价格:<input id="Text2" type="text" /></p>
<p>
<input id="Button1" type="button" value="查询" onclick = "btnClick()"/></p>
</body>
</html>
<%@ 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);//需要建一个强类型的dataset
if (data.Count <= 0)
{
context.Response.Write("none|0");
}
else
{
context.Response.Write("ok|" + data.Single().Price);
}
}
public bool IsReusable {
get {
return false;
}
}
}
您可能感兴趣的文章:
相关文章推荐
- Ajax动态加载数据库示例
- 异步(ajax)动态加载无限级联树(tree)代码示例
- 使用ajax从数据库动态加载下拉框(select)数据,可编辑下拉框。
- MVC4中AJAX Html页面打开调用后台方法实现动态加载数据库中的数据
- Ajax动态加载数据库
- AJAX autocomplete 动态补全从数据库加载数据
- Ajax实现动态加载数据库
- easyui下拉框动态级联加载的示例代码
- php和ajax连接数据库实现动态数据可视化
- JS获取浏览器语言动态加载JS文件示例代码
- ajax动态加载swiper,滑动问题解决
- jQuery实例(ajax通信和动态加载二级菜单)
- JS方式实现百度地图加载数据库中的坐标并实现动态刷新
- 前框 (一个)zTree 从数据库树形菜单动态加载
- Ajax实现瀑布流动态加载网页
- enterprise 动态同时加载2个数据库
- (更新版)ExtJS Tree利用json(直接传List TreeNode,不需要转化为JSONArray)在Struts 2实现Ajax动态加载树结点
- 利用ajax实现页面动态加载select下拉框
- SolpartMenu的使用:(二)、在ASP.NET页面中使用SolpartMenu控件之动态的加载数据库中的数据来生成菜单
- jQuery结合ajax实现动态加载文本内容