在asp.net中使用Ajax +jquery 调用sql数据传到网页的table td里面。

在asp.net中使用Ajax +jquery 调用sql数据传到网页的table td里面。,第1张

jquery本身就有Ajax,有get和post传输方法

aspnet的Ajax控件占用资源,生成许多代码

var path="Handler1ashx";

$post(path,"data:getTable",function (msg){

var result=Parse(msg);

//td单个绑定就用id

$("#td1")text(result[0]tab1);

//多行添加用循环

var str="";

$each(result,function(i,j)

{

str+="<tr>";

str+="<td>"+jtab1+"</td>";

str+="<td>"+jtab2+"</td>";

str+="</tr>";

}

documentgetElementById("tbody")add(str);

)

})

//Handler1

contextResponseContentType = "text/plain";

object oop = contextRequest["data"];

if (oop != null)

{

switch (oopToString())

{

case "getTable":

contextResponseWrite(JSONgetJSonTab(getDataTable("select from text")));

break;

default:

break;

}

}

//html

//No1

<table><tr><td id="tab1"></td></tr></table>

//No2

<table><tbody></tbody></table>

最後Handler裏面转Json的方法要自己写,Js裏的转Obj方法也要自己应用,纯手打的可能有单词或许有问题

解决请采纳,有事请追问!

function showLogs()

{

$("#table2")empty(); //这是清空原来的数据

$ajax({

type:"post",

url:"<%=requestgetContextPath()%>/logs/queryLogsInfoaction",

dataType:"json",

success:function(data)

{

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

{

$("#table2")append("<tr style='line-height:25px;'>"

+"<td width='5%'>"+data[i]id+"</td>"

+"<td width='5%'>"+data[i]receive+"</td>"

+"<td width='8%'>"+data[i]data+"</td>"

+"<td width='10%'>"+data[i]dataLength+"</td>"

+"</tr>");

}

}

})

}

var t = setInterval("showLogs()", 1000); //隔1秒就查询一次数据

JS里面写ajax发送请求到页面,页面返回数据提示结果:

--------------------------------------------------JS代码----------------------------------------------------

function trimRepID(s){return sreplace(/^\s+|\s+$/g,"");} //去点字符串的空格的函数

---encodeURI();//UTF-8编码的转换

//先声明一个异步请求对象

var xml>

当你的前台提交了请求的时候就会一直处于监听状态,一直到服务器端由数据返回。

你可以再服务器端使用responsewrite方法把数据输出。也可以输出json数据类型。也可以是html代码。或是javascript代码。也可以是xml数据。

如果要描图的话  需要加载 相应的地图api 库    怎样描点要根据 api的格式 比如 , 我用baidu 的api  需要的是数组格式

那么代码 是这样的 

function getGps_msg(cur_date){

var rt_array=new Array();

cur_phone_no=$("#user_list")val();

$ajax({

type:"get",

url:"json_gpsphp",

async:false,

dataType:"json",

data:{cur_date:cur_date,phone_no:cur_phone_no},

success: function(msg){

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

rt_array[String(i)]=msg[i];

}

}

});

return rt_array;

}

得到你一个描点的数组了 再去描点

function drawPion(data_arr){

//var data_arr=getGps_msg();

//alert (data_arr);

bmclearOverlays();

var cx=data_arr['0']['longitude'];

var cy=data_arr['0']['latitude'];

bmcenterAndZoom(new BMapPoint(cx,cy),18);

var dianshu=0;

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

var  msg=data_arr[i]['rec_time'];

var   lab_msg="";

  var   xx= data_arr[i]['longitude'];

  var   yy= data_arr[i]['latitude'];

  //alert (i);

var markergps = new BMapMarker(new BMapPoint(xx,yy));

//bmaddOverlay(markergps,i); //添加GPS标注

if (dianshu==9){

bmaddOverlay(markergps,i); //添加GPS标注

dianshu=0;

}else{

dianshu++;

}

if(i==0){

//var markergps = new BMapMarker(new BMapPoint(xx,yy));

bmaddOverlay(markergps,i); //添加GPS标注

lab_msg="最后位置";

}

if(data_arr[i]['img_file_path']!==""){

//var markergps = new BMapMarker(new BMapPoint(xx,yy));

bmaddOverlay(markergps,i); //添加GPS标注

lab_msg+="[图]";

var sContent ="<img style='float:right;margin:4px' id='imgDemo"+i+"' src='"+data_arr[i]['img_file_path']+"' width='320' height='240' title='photo'/>";

 addClickHandler(sContent,markergps);

}

if (i==data_arrlength-1){

//var markergps = new BMapMarker(new BMapPoint(xx,yy));

bmaddOverlay(markergps,i); //添加GPS标注

lab_msg="开始位置";

}

var labelgps = new BMapLabel(i+lab_msg,{offset:new BMapSize(20,-10)});

markergpssetLabel(labelgps,i); //添加GPS标注

}

}

得到效果 

HTML是无法读取数据库的,HTML是页面前端脚本语言,要想从HTML网页中获取SQL数据库里的数据,需要借助JSP或ASP或PHP或RUBY等语言来实现。

SQL数据库的数据体系结构基本上是三级结构,但使用术语与传统关系模型术语不同。在SQL中,关系模式(模式)称为“基本表”(base table);存储模式(内模式)称为“存储文件”(stored file);子模式(外模式)称为“视图”(view);元组称为“行”(row);属性称为“列”(column)。

扩展资料

SQL语言的组成:

1、一个SQL数据库是表(Table)的集合,它由一个或多个SQL模式定义。

2、一个SQL表由行集构成,一行是列的序列(集合),每列与行对应一个数据项。

3、一个表或者是一个基本表或者是一个视图。基本表是实际存储在数据库的表,而视图是由若干基本表或其他视图构成的表的定义。

4一个基本表可以跨一个或多个存储文件,一个存储文件也可存放一个或多个基本表。每个存储文件与外部存储上一个物理文件对应。

5用户可以用SQL语句对视图和基本表进行查询等 *** 作。在用户角度来看,视图和基本表是一样的,没有区别,都是关系(表格)。

6SQL用户可以是应用程序,也可以是终端用户。SQL语句可嵌入在宿主语言的程序中使用,宿主语言有FORTRAN,COBOL和Ada语言等。

参考资料:百度百科▬SQL数据库

jQueryajax({

url: '<%=basePath%>XXXXXaction', // 提交的页面

data: {msg_id:+id}, // 有要传递的数据就传递,没有就空着

type: "POST",//传递方式

success: function(data) {

//action返回结果,页面显示

}

});

以上就是关于在asp.net中使用Ajax +jquery 调用sql数据传到网页的table td里面。全部的内容,包括:在asp.net中使用Ajax +jquery 调用sql数据传到网页的table td里面。、ajax怎么定时读取数据库中的信息、Ajax简单的异步请求以及返回的值获取等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9646451.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存