在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方法也要自己应用,纯手打的可能有单词或许有问题

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

我是搞java的 所以这里用jsp

数据层(sqlserver)

在dao中

public boolean checklogin(String username,String password){

/具体的数据库驱动和url自己应该能搞定把/

boolean chelogin=false;

//用户名不存在则返回false 存在返回true 代码省略

return chelogin;

}

在 UserServlet中 的doget()中

PrintWriter out=responsegetWriter();

//调用dao中的checklogin()

String username=requestgetparameter("username");

String password=requestgetparameter("password");

boolean checklogin=new checklogin(username,password);

if(checklogin==true){

outprint("用户名验证正确,登陆成功");//这个是为了返回给ajax的XML>

这个问题问的太广了,真不好回答,jQuery学过没?如果没有可以快速的入下门,会用到里面ajax这个方法,你就上网查,光了解这个方法,后台处理完返回给前台,会用到XML或json,现在比较流行json,这个简单,就是一String,只不过要求格式,你去它网站看看就明白了

麻烦采纳,谢谢!

搞清楚一点,AJAX无法通过自身连接数据库,他的作用只是在后台打开一个网页,得到返回数据,

给个示意图你,自己理解下吧

A页面通过AJAX请求BJSP页面,

BJSP页面查询数据库,获得结果,输出页面,

A页面的AJAX获得B的结果,返回给B。

整个过程,AJAX相当于一台车,而里面坐什么人就看B页面

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秒就查询一次数据

ajax的原生态方法即可,

<script type="text/javascript">

var xml>

ajax主要是用来实现异步 *** 作的,ajax会向一个可以 *** 作数据库的脚本语言(例如php)文件发出请求,同时传递参数和数据,在php文件中,通过插入数据库的代码,实现添加数据,然后返回成功的标志,ajax就根据这个标志来判断是否成功。

以上就是关于在asp.net中使用Ajax +jquery 调用sql数据传到网页的table td里面。全部的内容,包括:在asp.net中使用Ajax +jquery 调用sql数据传到网页的table td里面。、如何用Ajax和数据库连接,实现验证输入值、ajax获取数据库的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/sjk/9305185.html

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

发表评论

登录后才能评论

评论列表(0条)

保存