javascript - 如何将 javascript 语句返回到 ajax responseText

Question

例如:

在 HTML 页面中

xmlHttpObj.open("GET", "url.php", true);
xmlHttpObj.onreadystatechange = function(){
   ..
   document.getElementById('divInThisPage').innerHTML = xmlHttpObj.responseText;
   ..
}
..
..

function foo(arg){
   alert(arg);
}

在 url.php

echo "<input type='button' value='ok' onclick=\"foo('ok')\" />";

问题是，为什么警报不起作用？

编辑:即使在 url.php 中我放置了内联 JavaScript 代码，按钮仍然不起作用

echo "<input type='button' value='ok' onclick=\"alert('ok')\" />";

Answer 1

我认为您要问的是为什么当您单击由ajax请求创建的按钮时，警报没有发出警报。这可能是因为 onclick 事件处理程序 foo() 尚未注册。我认为这取决于浏览器 - 尝试使用不同的浏览器，它可能会起作用。

无论如何，它不起作用，因为当您将 HTML 动态添加到这样的页面时， onclick 不会在您的浏览器中注册。您可以向元素添加事件监听器，如下所示:

function doAddEventListener(elem, eventName, fn) {
  if(elem.addEventListener ) {
       elem.addEventListener(eventName, fn, false);
    } else if (elem.attachEvent) {
         elem.attachEvent('on'+eventName, fn);
    } 
}

其中fn是您要添加的函数，即foo，在这种情况下eventName将是“click”，并且elem 是您要添加监听器的元素。