jquery怎么把读取数据库的数据加载到table中

jquery怎么把读取数据库的数据加载到table中,第1张

1.获取DataSet

2.转成DataTable

3.

public static string DataTableToJson(DataTable dt)

{

StringBuilder jsonBuilder = new StringBuilder()

//jsonBuilder.Append("'

//jsonBuilder.Append(dt.TableName)

jsonBuilder.Append("[")

for (int i = 0i <dt.Rows.Counti++)

{

jsonBuilder.Append("{")

for (int j = 0j <dt.Columns.Countj++)

{

jsonBuilder.Append("\"")

jsonBuilder.Append(dt.Columns[j].ColumnName)

jsonBuilder.Append("\":\"")

jsonBuilder.Append(dt.Rows[i][j].ToString())

jsonBuilder.Append("\",")

}

jsonBuilder.Remove(jsonBuilder.Length - 1, 1)

jsonBuilder.Append("},")

}

jsonBuilder.Remove(jsonBuilder.Length - 1, 1)

jsonBuilder.Append("]")

//jsonBuilder.Append("}") //输出的要求不要'}'

return jsonBuilder.ToString()

}

4.把Json字串Response出来

5.获取Json字串

function load() //页面加载

{

$.ajax({

type:"post",

url:"../Handler/LinkManHandler.ashx",//从哪获取Json

data:"action=getLinkMan&id="+comId,//Ajax传递的参数

beforeSend:function(){

//获取之前显示 loading 或 正在加载

},

success:function(mess)

{

$("#divImage").hide()

if(mess!="]")// 如果获取的数据不为空

{

var type=eval(mess)

var str="<a>首页</a>"

for(var i=0i<type.lengthi++)

{

// *** 作type 获取东西

str+="<a>"+type[i].数据库字段名+"</a>

}

$("#divLinkMan").html(str)//把str嵌入div divLinkMan 中

}

else

{

var notfind="<h2>未找到数据<a href='../Main.htm' target='_parent'>返回</a></h2>"

$("#divLinkMan").html(notfind)

}

},

complete:function()

{

//所有的都执行完后的方法

}

})

}

提交的这个地址

可以是jsp页面。你可以在jsp里面写访问的方法,而ajax有一个data属性,这个就是你需要传递的值。

也可以是一个类似.d0的后台程序。如果你使用jquery跟struts的结合,你传递的地址是**.do.我自己开发的一个小项目就是利用jquery,struts,hibernate结合做的。

方法很多,其实不止这些。

大致是这个样子:

jQuery.ajax({

type: "post",//也可以是get,这个你应该知道

url: "**.do",//也可以是*.jsp,*.asp等,方法很多

data: {

value : $(this).val()//这个值是你需要传递的,也可以是一个json对象,反正都是键值对,你在.do或者jsp可以得到。

},

success: function(data, textStatus){//回调函数,返回成功调去

},

error: function(){//返回失败调用

alert("错误!")

}

})

其实你可以看下官方文档,查下其他资料

jQuery是不能直接从数据库中读取数据的,只能是jQuery将需要查询或者想要读取的数据通过ajax等发送给后台编程语言php、Java等,由后台语言读取数据库后返回jQuery。

工具原料:编辑器

1、使用jQuery发送需要查询的数据给后台,然后获取后台返回的数据,简单的代码如下:

<script type="text/javascript">

$.ajax({

type:"post",

url:"test.php",//发送的后台地址

data:{'name':'tom'},

success:function(data){

//此处处理后台返回的数据

}

})

</script>

2、一般是将后台的数据在按照需求现实在页面上。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存