如何从html中的超链接获取数据

how to get data from hyperlink in html

本文关键字:超链接 获取 数据 html      更新时间:2023-09-26

我试图从HTML5中的超链接检索类别id。首先,我用jQuery解析了HTML5中的JSON链接。

我的代码:HTML代码:jquery代码:

<script src="jquery-1.8.3.min.js"></script>
<script>
    $.getJSON('http://'    '/storejson.php', function(data) {
        var output="<ul>";
        for (var i in data.items) {
            output += "<li>" + data.items[i].categories_name + " " "</li>";
        }
        output += "</ul>";
        document.getElementById("placeholder").innerHTML=output;
    });
</script>
HTML代码:

<a href="http://'     '/storesubcatjson.php?cat_id=&cat_id"><div id="placeholder" align="justify"></a>

我给了一个超链接到占位符像上面。类别是通过解析JSON显示的,但我想通过超链接显示子类别。所以请告诉我如何才能做到这一点?

你能做的就是从a标签中获得href然后传递链接到你的getjson时,点击或任何最适合你的,这将发送请求到PHP文件,但请记住,你的PHP文件也必须被设置为抓取参数传递在url字符串从href.

         <script>
    var link;
 $("a").click(function(){link = $(this).attr("href")}); // get this inside a click event on the 'a' tag
     alert(link);// to see the url being passed
    $.getJSON(link, function(data) {
             var output="<ul>";
             for (var i in data.items) {
             output += "<li>" + data.items[i].categories_name + " " "</li>";
       }
       output += "</ul>";
    document.getElementById("placeholder").innerHTML=output;
});
 </script>
 <a href="http://storesubcatjson.php?cat_id=&cat_id">CLICK</a> // If you click here it should send the href data