Question

我有一个javascript函数。我正在进行AJAX调用，并且在收到的内容中有一个我想用javascript函数调用的链接。

MyJavascriptFunction(bla){
   alert (bla);
}

Result from ajax = "<a href="#" onclick="MyJavascriptFunction(bla)">Click</a>

我是否必须对AJAX的结果做任何特殊处理才能使其正常工作或者它是否正常工作。

我已经尝试过这样但单击链接没有成功。

AJAX电话：

function doSearch() {

  var form = $('form');

   $.ajax({
     url: "doSearch.php", 
     type: "GET",
     data: form.serialize(), 
     success: function(result){ 
       document.getElementById("result").innerHTML=result;
       }
    });
}

在php我打印出来

<a href="#" onclick="MyJavascriptFunction(bla)">Click</a>

Answer 1

首先，尝试一下。但是，你必须对AJAX结果做些什么。它必须放在DOM中的某个位置，否则用户将无法单击它。

另外，请确保javascript函数是顶级的。我建议您使用事件处理程序。

Answer 2

将您的<a>标记更改为：

<a href="#" onclick="MyJavascriptFunction(bla); return false;">Click</a>

Answer 3

您正在混合使用jQuery和DOM。这不是很好

试试这个 - 假设你在html中没有多个链接

success: function(result){ 
  $("#result").html(result).find("a").on("click",function() {
    MyJavascriptFunction(bla); 
    return false;
  };
}

从ajax调用生成的链接调用javascript函数

3 个答案: