无法使用 XMLHttpRequest() 将带有外部 file.js 的数据发送到 php

Question

将 javascript 代码直接放在 HTML 页面中，它确实有效。 如果我使用脚本上的 src 属性引用脚本，它怎么会不起作用这是我的 HTML 页面：

<html>
  <head></head>
  <body>
    <script src="file.js"></script>
  </body>
</html>

我无法获得以下 javascript 代码来将数据发送到 PHP 页面：这是在 file.js 中

var http = new XMLHttpRequest();
var url = 'server.php';
var params = 'a=use&b=12345678';
http.open('POST', url, true); // error javascript stop always here
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); 
http.onreadystatechange = function() {
if(http.readyState == 4 && http.status == 200) 
{ alert(http.responseText); } }
http.send(params);

这是在server.php里面：

<?php
$username = $_POST['a'];
$password = $_POST['b'];
echo 'username :' . $username;
?>

当我将 javascript 代码直接放在 HTML 页面中时，它确实有效。 如果我使用script标签上的src属性引用脚本，它为什么不起作用？ 例如，当我将 file.js 脚本放在像“playcode.io”这样的在线编译器中时，它不起作用

Answer 1

将 javascript 代码直接放在 HTML 页面中或使用脚本上的 src 属性将其添加到脚本中都没有关系。 问题是，您没有使用setRequestHeader()设置请求 header 。 在http.open()之后，但在http.send()之前添加以下代码行，它肯定会工作：

http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

application/x-www-form-urlencoded格式提供了一种对名称-值对进行编码的方法。

无法使用 XMLHttpRequest() 将带有外部 file.js 的数据发送到 php

问题描述

1 个解决方案

解决方案1
0 2019-11-28 18:37:13

无法使用 XMLHttpRequest() 将带有外部 file.js 的数据发送到 php

问题描述

1 个解决方案

解决方案1 0 2019-11-28 18:37:13

解决方案1
0 2019-11-28 18:37:13