ajax查询后table显示新的数据

ajax查询后table显示新的数据,第1张

function getData() {

    //ajax 返回数据 data,这里做测试为 json 格式的定值

    var data = [{ "a": "aa", "d": "dd" }, { "a": "ab", "d": "dc"}];

    reTB(data);

}

function reTB(data) {

    var tb = documentgetElementById("tb");

    //删除原先数据,2 为保留表头,值为表头行数减1

    for (var n = tbrowslength - 1; n > 1; n--) {

        tbdeleteRow(n);

    }

    for (var i = 0; i < datalength; i++) {

        var row = tbinsertRow(tbrowslength);

        var c1 = rowinsertCell(0);

        c1innerHTML = data[i]a;

        var c2 = rowinsertCell(1);

        c2innerHTML = data[i]d;

    }

}<input type="button" value="re" onclick="getData()"/>

<table id="tb" border="1">

<tr><td colspan="2">a</td></tr>

<tr><td>b</td><td>c</td></tr>

<tr><td>b1</td><td>c2</td></tr>

<tr><td>b3</td><td>c4</td></tr>

</table>

以下代码通过ajax实现在一个web页面点击不同的链接,然后将返回的结果显示在该页面固定的div里。

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script language="javascript">

var http_request = false;

function createRequest(url,objID){

http_request = false;

if(windowXMLHttpRequest){ //非IE浏览器

 http_request = new XMLHttpRequest();

if(http_requestoverrideMimeType){

 http_requestoverrideMimeType("text/xml");

}

}else if(windowActiveXObject){ //IE浏览器

 try{http_request = new ActiveXObject("Msxml2XMLHTTP");

 }catch(e){

 try{http_request = new ActiveXObject("MicrosoftXMLHTTP");

 }catch(e){}

 }

}if(!http_request){alert("无法创建XMLHTTP实例");return false;

}http_requestopen("GET",url,true);

http_requestsend(null);

var obj = documentgetElementById(objID);

http_requestonreadystatechange = function(){

if(http_requestreadyState == 4){

 if(http_requeststatus == 200){

 objinnerHTML = http_requestresponseText;

 }else{

 alert('您请求的页面发现错误!');

 }}

 }}

</script></head><body οnlοad="createRequest('content1html','show')">

<div align="center"><a href="content1html" οnclick="createRequest('content1html','show');return false;">no1</a> |

<a href="content2html" οnclick="createRequest('content2html','show');return false;">no2</a> |<a href="content3html"

οnclick="createRequest('content3html','show');return false;">no3</a></div><div id="show" align="center"></div></body></html>

扩展资料

jQuery ajax - ajax() 方法

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $get, $post 等。$ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接 *** 作该函数,除非你需要 *** 作不常用的选项,以获得更多的灵活性。

最简单的情况下,$ajax() 可以不带任何参数直接使用。

注意:所有的选项都可以通过 $ajaxSetup() 函数来全局设置。

语法

jQueryajax([settings])

settings:可选。用于配置 Ajax 请求的键值对集合。可以通过 $ajaxSetup() 设置任何选项的默认值。

   

1不能显示?那你的意思是说:在前台能获取数据,但是没显示?

可以试着在后台直接返回一个定义的常量,看前台是否能获取到。

如果你确定后台没错误,而前台能接收到数据,就是你前台的方法有问题。ajax方法有错误。实现代码,网上实例一大片。

2用过ajaxpro嘛,网上随便找个例子看下就行了。速度、方便。引入dll,配置文件加一行,后台cs页面注册一下当前页面,声明方法AjaxMethod,返回一个table,前台获取就行了。

3后台返回数组,前台拆分也行。

不知道你是用什么方法返回数据给前台接收的。

1、首先需要创建一个HTML,html是网页的基础与骨架。

2、在html中增加测试数据,用来测试checkbox是否选中。

3、编写javascript,按钮点击时,触发事件,将选中的checkbox值获取。

4、美化页面,增加样式文件,和引入jquery文件。

5、打开浏览器,打开测试页面。

6、进行测试显示渲染到页面成功。

首先建立一个空白页面然后通过ajax取到返回信息

你可以通过URL传递参数的方式把返回信息传递给空白页面如locationhref = "WebForm21aspxdata="+data+"";

在ajax的回调函数中再创建一个ajax 通过post方式把数据传递过去但是要注意如果还要跳转如: locationhref = "WebForm21aspx“跳转过去是不会显示信息的因为在ajax请求的时候会请求一次这个页面但是你跳转时会请求第二次这时候就需要用一些页面状态保持方法了比如说session

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/13492947.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2025-09-01
下一篇2025-09-01

发表评论

登录后才能评论

评论列表(0条)

    保存