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

Question

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

Answer 1

假设获取某篇文章内容，并且显示页面在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");

Answer 2

通过success 函数来修改节点

Answer 3

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插件具体看其代码和参考文档。