2

我正在使用 jQuery 的getJson来获取Json 对象并希望在 html 页面上显示它。

我可以使用如下代码成功显示它们：

$.getJSON(full_name, {}, function(data) {

        $.each(data, function(index, field){
          $("div").append(index + " : " + field + "<br>");
        });
});

在 json 数据中，有一个带有索引的项目，称为“参考”。我想将其字段从简单的文本更改为超链接。当我单击此链接时，它会向 url 发送一个 GET 方法请求，并在新页面上显示从服务器获取的内容。

如何改变我的页面来实现这个功能？

提前致谢。

4

3 回答 3

2

尝试

$.getJSON(full_name, {}, function(data) {
    $.each(data, function(index, field){
        if(index == 'reference') {
            html = '<a href="link">' + field + "</a><br/>";
        } else {
            html = index + " : " + field + "<br>";
        }
        $("div").append(html);
    });
});
于 2013-08-23T04:47:55.127 回答
2 
$.getJSON(full_name, {}, function(data) {

        $.each(data, function(index, field){
          if(index=='reference'){
          $("div").append('<a class="jMyLink">' + field + "</a><br/>");
          } else{
          $("div").append(index + " : " + field + "<br>");
          }
        });
});
$(".jMylink").on('click',function(){
  // Place your ajax call here
});

如果不熟悉ajax的使用，可以参考这里

于 2013-08-23T04:53:15.653 回答
0 
$.getJSON(full_name, {}, function(data) {

    $.each(data, function(index, field){
        if(index == 'reference'){
            $("div").append('<a href="link" class="sendrequest">' + field + "</a><br/>");
        } else {
            $("div").append(index + " : " + field + "<br>");
        }
    });
});

然后通过锚标签发送请求点击

$(".sendrequest").on('click',function(){

// apply ajax here to send get request

 //send set state request
    $.ajax({
        type: "GET",
        url: "url name",
        data: {// your data
            },
        beforeSend: function () {
// handle before send request         
 },
        success: function (data, textStatus, XmlHttpRequest) {
// handle when request success        
},
        error: function (XMLHttpRequest, textStatus, errorThrown) {
// handle error
        }
    });


});

参考ajax

于 2013-08-23T04:56:43.067 回答