ajax怎么实现向数据库添加数据?

ajax怎么实现向数据库添加数据?,第1张

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

在使用Jquery+Ajax 往Table 中Td 添加入数据的方法如下:

在数据少的情况下直接给id或class传值,多行数据要用循环,代码如下:

$.post("", "data:getType", function (res) {

var date = Pase(res)

var str = ""

$.each(data.result, function (i, j) {

str += "<tr>"

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

str += "</tr>"

})

document.getElementById("tbody").add(str)

})

<table><tbody id="tbody"></tbody></table>

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

因为你添加的ajax数据在js执行之后,也就是说$('.test').click这个方法在js执行之后没有被绑定在click上面。这个时候需要动态绑定,把事件绑定在js执行完成之前就存在的元素上面,例如下面的例子我绑定在table上面,然后用on()来绑定click,on其实可以接受三个参数,如果第二个是字符串的话,就是动态绑定的元素。

<table id="table">

<tr>

<td>11111</td>

</tr>

</table>

<script>

setTimeout(function() {

$('#table').append('<tr><td class="test" id="12">id12</tr><tr><td class="test" id="13">id13</tr><tr><td class="test" id="14">id14</tr>')

}, 1000)

$('#table').on('click', 'td.test', function() {

var test_id = $(this).attr('id')

console.log(test_id)

})

</script>


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

原文地址: http://outofmemory.cn/bake/11412266.html

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

发表评论

登录后才能评论

评论列表(0条)

保存