跨域 Ajax 的动态脚本标签不起作用

Question

我正在尝试使用动态脚本标签进行跨域ajax，因为我无法在需要它的网站上使用PHP（我们使用的是CMS，所以我们可以使用HTML/Javascript，但不能使用PHP）。

问题是，两个脚本（javascript 和 php）都可以单独运行良好，这意味着脚本标记被很好地添加，并且 PHP 脚本在单独启动时可以根据需要运行。

但当添加脚本标签（使用 .appendChild）时，GET 请求似乎没有被处理。

有办法让它发挥作用吗？

这是简化的代码：

PHP :

$email = $_GET['email'];
$source = $_GET['source'];
echo 'callback({"value": "true"});';
// sending the email through php

Javascript :

function dlPj() {
  // Prompt the user for his email
  var email = prompt('Enter your email', 'your email');
  // If the script tag already exists, delete it
  if (document.getElementById('script-pj') != null) {
    var script_pj = document.getElementById('script-pj');
    document.getElementsByTagName("head")[0].removeChild(script_pj);
  }
  // Create the script tag to call the PHP script
  var s = document.createElement('script');
  s.type = 'txt/javascript';
  s.id = 'script-pj';

  s.src = 'http://www.something.com/bel/pj.php?';
  s.src += 'email=' + email;
  s.src += '&source=' + document.location.href + '?';

  document.getElementsByTagName("head")[0].appendChild(s);
}

function callback(value) {
  if (value == null) {
    alert('error');
  }
  else {
    if (value.value == "true") {
      alert('working');
    }
    else {
      alert('not working');
    }
  }
}

帮助非常感谢。

编辑：问题已解决。问题如下：我在 A 标记上添加了 onclick 事件，以便我可以在用户下载附件之前获取有关用户的一些信息。所以我把它留在return true;，这样他就可以在填写表格后下载文件。将 onclick 事件更改为“dlPj(); return false;”解决了问题。

Answer 1

试试这个，它在 Chrome 中有效：

  var email = prompt('Enter your email', '[email protected]');
  // If the script tag already exists, delete it
  if (document.getElementById('script-pj') != null) {
    var script_pj = document.getElementById('script-pj');
    document.getElementsByTagName("head")[0].removeChild(script_pj);
  }
  // Create the script tag to call the PHP script
  var s = document.createElement('SCRIPT');
  s.id = 'script-pj';
  s.src = 'http://www.something.com/bel/pj.php?' +
                'email=' + encodeURIComponent(email) + 
                '&source=' + encodeURIComponent(document.location.href);

  document.getElementsByTagName("head")[0].appendChild(s);

Answer 2

好吧，为了正确遵循 stackoverflow 的工作流程，答案就出来了。

问题如下：我在 A 标签上添加了一个 onclick 事件，以便我可以在用户下载附件之前获取有关用户的一些信息。所以我把它留在return true;，这样他就可以在填写表格后下载文件。将 onclick 事件更改为“dlPj(); return false;”解决了问题。