首页 > 利用$.get(getdata.php,data,success,"json")获取数据库中的数据后怎么替换页面元素中的值.

利用$.get(getdata.php,data,success,"json")获取数据库中的数据后怎么替换页面元素中的值.

利用$.get(getdata.php,data,success,"json")获取数据库中的数据后怎么替换页面元素中的值.请详细讲一下思路.


通过success 函数来修改节点


假设获取某篇文章内容,并且显示页面在id为content的div里。

1.html

<div id="content"></div>

2.在getdata.php返回json格式数据

{
    "code": 0,
    "data": "视频中,渔夫们在得意地炫..."
}

3.js ajax获取数据渲染页面

    $.get("/getdata.php", data, function(response) {
        var data = response.data;
        $("#content").html(data);
    }, "json");

LZ问得比较笼统,应该放段具体代码上来才好回答。

就“怎么替换页面元素中的值”而言,使用jQuery还是很简单的。

首先,你得会通过jQuery的选择器来选择到对应的元素,如果不会请到这里学学。

然后,根据要替换的内容是什么类型的,可以分成几种情况: (假设要替换的元素的id是content)

  1. 后台返回的就是一段html,这样就直接用$('#content').html(data)

  2. 后台返回的是纯文本,没有html标签,可以用$('#content').text(data)

  3. 你要替换的东东是一个input type="text"textarea这样的控件的话,得用$('#content').val(data)

  4. 下拉框select, 复选框/单选框input type="checkbox/radio",则得用$('#content').prop('checked', isChecked)

  5. 其他自定义控件或者jQuery插件具体看其代码和参考文档。

【热门文章】
【热门文章】