Ajax动态加载数据库示例

 更新时间:2014年05月18日 17:18:32   作者:  
这篇文章主要介绍的是一个Ajax动态加载数据库示例,需要的朋友可以参考下
复制代码 代码如下:

<!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技术原理的3点总结

    关于Ajax技术原理的3点总结

    这篇文章主要介绍了关于Ajax技术原理的3点总结,需要的朋友可以参考下
    2014-12-12
  • ajax交互Struts2的action(客户端/服务器端)

    ajax交互Struts2的action(客户端/服务器端)

    本文为大家探讨下ajax交互Struts2的action并有客户端及服务器端代码,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • ajax实现无刷新上传文件功能

    ajax实现无刷新上传文件功能

    这篇文章主要为大家详细介绍了ajax实现无刷新上传文件功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Ajax请求内嵌套Ajax请求示例代码

    Ajax请求内嵌套Ajax请求示例代码

    把全国省市的两个XML文件整合成一个JSON格式的数据,就想到了用Ajax嵌套的方法来解决,查找资料,加个async:false这个Ajax参数就行了
    2014-08-08
  • 使用AJAX实现分页

    使用AJAX实现分页

    这篇文章主要为大家详细介绍了AJAX实现分页的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Ajax基础详解教程(二)

    Ajax基础详解教程(二)

    这篇文章主要介绍了Ajax基础详解教程(二)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • Ajax入门学习教程(一)

    Ajax入门学习教程(一)

    AJAX(Asynchronous JavaScript And XML)翻译成中文就是“异步Javascript和XML”。下面简单给大家介绍了ajax入门学习知识,需要的的朋友参考下吧
    2017-02-02
  • 基于AJAX的分页类实现代码

    基于AJAX的分页类实现代码

    随着AJAX在互联网上的广泛运用,公司也在越来越多的项目里涉及到了AJAX,最近一段时间空闲,于是就用JS写了一个基于AJAX的异步分页类。先不多说,还是先将源码贴出,再进行说明~~~
    2009-09-09
  • Ajax跨域查询完美解决通过$.getJSON()实现

    Ajax跨域查询完美解决通过$.getJSON()实现

    浏览器安全上做了限制,禁止ajax跨域获得数据,可以通过jquery提供的$.getJSON()可以跨域获得JSON格式的数据,具体的实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-06-06
  • js ajax加载时的进度条代码

    js ajax加载时的进度条代码

    在web页面中使用ajax加载进度条,可以让用户预先判断等待的时间,而且还可以减少用户等待信息加载过程中的心理焦虑感,所以进度条加载必不可少,下面小编给大家介绍ajax加载进度条代码是如何实现的
    2015-10-10

最新评论