javascript - 将数据库记录 append 到按钮中

Question

我正在尝试将检索到的数据库记录 append 到按钮中，单击这些按钮可以转到下一页。

 function mywall(){
        $("#wallcontentset").empty();
        var xmlhttp = new XMLHttpRequest();
         var url = serverURL() + "/category.php";

         xmlhttp.onreadystatechange=function() {

        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          mywallresult(xmlhttp.responseText);
          };
         }

         xmlhttp.open("GET", url, true);
         xmlhttp.send();
        }

        function mywallresult(response) {
        var arr = JSON.parse(response);
        var i;
        $("#wallcontentset").empty();
        for(i = 0; i < arr.length; i++) {

         var a = document.createElement("a");
         a.setAttribute("href", "#");            
         a.setAttribute("onclick","listitembycategory.html?categoryid=" + arr[i].categoryid);                 
         a.setAttribute("class","ui-btn");          
         a.innerHTML = arr[i].categoryname.toString();
         $("#wallcontentset").append(a);

        }

    }

以上是我编写并放置在脚本中的函数集。函数 mywall() 工作正常，它检索数据库中的每条记录。但是，我在使用 mywallresult() 函数时遇到了一些问题。

它为检索到的每条记录创建一个按钮，但是单击该按钮时不会链接到下一页。我无法确定我的 a.setAttribute 有什么问题。

有人可以帮我吗？

Answer 1

您只需替换它:

 a.setAttribute("href", "#");            
 a.setAttribute("onclick","listitembycategory.html?categoryid=" + arr[i].categoryid);

通过这个:

a.setAttribute("href", "listitembycategory.html?categoryid=" + arr[i].categoryid);