无刷新获取字符串：

Html网页中：

<script>

//定义异步对象

var xmlHttp;

//封装方法

function CreateXMLHTTP() {

   try {

            xmlHttp = new XMLHttpRequest();

        } catch (e) {

 　　　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

      }

}

window.onload = function () {

　　document.getElementById("name").onclick = function ()

     //创建异步对象

　　CreateXMLHTTP();

     //通过事件来接受服务器返回

　　xmlHttp.onreadystatechange = function () {

　  //判断状态

　　if (xmlHttp.readyState==&& xmlHttp.status==) {

　　　　//获取你要的数据

　　　　var data = xmlHttp.responseText;

　　　　document.getElementById("d1").innerText = data;

　　　　　　}

　　　　}

　　　　 //设置将要访问的服务器地址和方式

　　　　xmlHttp.open("get", "Data.ashx");

　　　　//发送异步请求

　　　　xmlHttp.send();

　　}

}

</script>

</head>

<body>

<div id="d1"></div>

<input type="button" id="name" value="获取数据" />

</body>

提供数据页：Data.ashx中：

public void ProcessRequest (HttpContext context) {

　　context.Response.ContentType = "text/plain";

　　//线程  过两秒在获取数据

　　System.Threading.Thread.Sleep();

    //你提供的数据--》字符串

　　context.Response.Write("这你要的数据");

}

-----------------------------------------------------------------------------------------------------------

无刷新获取一张表，然会在静态网页中无刷新删除数据

Html网页中：

<body>

<input type="button" id="name" value="获取表" />

<div id="d1"></div>

</body>

</html>

<script>

var xmlHttp;

function CreateHTTP() {

try {

　　xmlHttp = new XMLHttpRequest();

　　} catch (e) {

　　xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

　　}

}

//把相同的代码封装下

function Common() {

　　　　CreateHTTP();

　　　　xmlHttp.onreadystatechange = function () {

　　if (xmlHttp.readyState ==  && xmlHttp.status == ) {

　　　　//接受数据--》一张表的字符串

　　　　var table = xmlHttp.responseText;

　　　　//显示在网页中

　　　　document.getElementById("d1").innerHTML = table;

　　　　}

　　　}

}

document.getElementById("name").onclick = function () {

　　　　Common();

　　　　xmlHttp.open("get", "Table.ashx");

　　　　xmlHttp.send();

}

//删除链接的脚本

function dd(id) {   //id传过来的删除的ID

　　　　Common();

　　　　xmlHttp.open("get", "Table.ashx?id=" + id);

　　　　xmlHttp.send()

}

</script>

提供数据页：Table.ashx中

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";

//如果没有传值代表获取一张表

if (context.Request.QueryString["id"]!=null)

{

　　　//得到需要删除的ID

　　int id = int.Parse(context.Request.QueryString["id"].ToString());

　　int r = SQLHelper.ExecuteNonQuery("delete Users where ID=@0", CommandType.Text, id);

　　if (r>)

　　{

　　  Common(context);

　　}

}

　　else

　　{

　　　　Common(context);

　　}

}

 //获取一张表的字符串

public void Common(HttpContext context)

{

　　SqlDataReader dr = SQLHelper.ExecuteReader("select * from Users", CommandType.Text);

　　string newTable = "<table cellspacing='0' rules='all' border='1' id='GridView1' style='border-collapse:collapse;'><tr><th scope='col'>ID</th>”+

　　“<th scope='col'>UserName</th><th scope='col'>Password</th><th scope='col'>Sex</th><th scope='col'>AdminID</th><th scope='col'>删除“+”</th></tr>";

    //通过读取行的数据来补全一张表

　　while (dr.Read())

　　{

　　string sex = "checked='checke'";

　　if (dr[].ToString().ToLower() == "false")

　　{

　　   sex = "";

　　}

　　newTable += "<tr><td>" + dr[] + "</td><td>" + dr[] + "</td><td>" + dr[] + "</td><td><span class='aspNetDisabled'><input type='checkbox'" 
     + sex + " disabled='disabled' /></span></td><td>" + dr[] + "</td><td>"+

     //javascript:dd("+dr[0]+")   这是个脚本在静态网页中实现

　　"<a href='javascript:dd(" + dr[] + ")'>删除</a></td></tr>";

　　}

　　dr.Close();

　　newTable += "</table>";

　　context.Response.Write(newTable);

}

Ajax 获取数据代码的更多相关文章

  1. vue 中使用 AJAX获取数据的方法

    在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascri ...

  2. jquery通过ajax获取数据，控制显示的数据条数

    效果图: 现在我们可以先看它的json数据,如图所示:                然后可以对应我们的代码进行理解. jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据 ...

  3. jquery.ajax和Ajax 获取数据

    前几天接触了jquery 看到里面ajax的部分,自己也不是很懂,然后有重复看了即便,然后写了一个小功能,分享下...我刚学的.有错误的请指教. 验证用户名是否存在 在checkname_jqajax ...

  4. node.js之用ajax获取数据和ejs获取数据

    摘要:学了node之后有时候分不清前台和后台,今天用ajax和ejs来从后台获取数据,没有数据库,用json数据来进行模拟数据库:来区分前台和后台需要干什么? 一.用ejs获取数据 1.文件目录 2. ...

  5. vue ajax获取数据的时候，如何保证传递参数的安全或者说如何保护api的安全

    https://segmentfault.com/q/1010000005618139 vue ajax获取数据的时候,如何保证传递参数的安全或者说如何保护api的安全 点击提交,发送请求.但是api ...

  6. 获取链接的参数，判断是否是微信打开，ajax获取数据

    //获取链接参数function GetQueryString(name) {    var reg = new RegExp("(^|&)" + name + " ...

  7. select2 AJAX获取数据

    页面效果: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"& ...

  8. 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库

    小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...

  9. [NodeJs] 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库

    小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...

随机推荐

  1. 初识前端HTML

    HTML 超文本标记语言 HTML的解析 顾名思义,HTML就是由一个个的标签组成的,组成后,HTML可被浏览器直接识别以及处理成我们想给用户展示的样子. 下面我们就来解析HTML的一个个标签. &l ...

  2. XPath详解

     xPath技术   1 引入 问题:当使用dom4j查询比较深的层次结构的节点(标签,属性,文本),比较麻烦!!! 2 xPath作用 主要是用于快速获取所需的节点对象. 3 在dom4j中如何使用 ...

  3. 开源 免费 java CMS - FreeCMS1.5-系统配置

    下载地址:http://code.google.com/p/freecms/ 系统配置 从FreeCMS 1.2 开始支持 管理系统使用的配置项. 从左侧管理菜单点击系统配置进入. 从FreeCMS ...

  4. Samba-ADS/WINBIND

    Samba Security = ADShttp://www.justlinux.com/forum/showt...hreadid=118288 Winbindhttp://www.justlinu ...

  5. 【转载】CocoaPods安装和使用教程

    转自:http://code4app.com/article/cocoapods-install-usage 目录 CocoaPods是什么? 如何下载和安装CocoaPods? 如何使用CocoaP ...

  6. 页面全部加载完毕和页面dom树加载完毕

    dom树加载完毕 $(document).ready()//原生写法document.ready = function (callback) {            ///兼容FF,Google   ...

  7. WebApi2官网学习记录---异常处理

    HttpResponseException 当WebAPI的控制器抛出一个未捕获的异常时,默认情况下,大多数异常被转为status code为500的http response即服务端错误. Http ...

  8. jquery navi

    /// <reference path="../global.js" /> /********************************************* ...

  9. JS继承六大模式

    1.原型链 function SuperType(){this.property = true;} SuperType.prototype.getSuperValue = function(){ret ...

  10. C语言多维数组的地址

    设有整型二维数组a[3][4]如下: 0   1   2   3 4   5   6   7 8   9  10  11  它的定义为:     int a[3][4]={{0,1,2,3},{4,5 ...