Javascript 使用php和ajax注册和登录页面有困难

我的代码有一些问题，需要一些帮助。我正在尝试创建一个注册表单，用户可以输入用户名和密码进行注册。我想使用ajax，但当我合并它时，它似乎不起作用。为了测试它，我回显了

“hi from php”

，但当我点击register时，它没有显示在浏览器中，没有填充任何字段。下面的文档名称为

• index.php
• register.js
• register.php

JS

HTML

登记
登记
使用下面的表格进行注册



用户名


密码


登记册

PHP

---

下面是我跟随的视频

1-您有一个

return

语句，它停止函数继续，如果您删除了它，它应该可以工作

2-您也可能有错误，请确保检查开发人员工具，并添加

.fail

功能来处理

404

或

503

HTTP错误等错误

3-确保在url开头包含协议，如

https://

或

http://

这里有一个例子

html/jquery：

<form id='register'>
<div id='response'></div>
<input name='name' placeholder='name' />
<input name='password' placeholder='password' />
<button id='button' onclick="register();"> submit</button>
</form>
<!-- import jquery here -->
<script>
function register() {
var data = new FormData($('#register'));
$.ajax({
  method: "POST",
  url: "http://example.org/register.php",
  data: data
})
  .done(function(html) {
    $( "#response" ).append( html );
  })
  .fail(function(html) {
    alert( "error" );
  });
      return false;
}

</script>

提交
函数寄存器（）{
var数据=新的FormData（$（“#寄存器”）；
$.ajax({
方法：“张贴”，
url:“http://example.org/register.php",
数据：数据
})
.done（函数（html）{
$（“#响应”）.append（html）；
})
.fail（函数（html）{
警报（“错误”）；
});
返回false；
}

register.php

 <?php
   // do something here
   print_r($_REQUEST);

 ?>

更新

---

我了解到您正试图将XHR请求从文件查看

c:/path/发送到/your/file.html

，但您不能这样做！你需要一台服务器，这并不难，首先要做的是安装xampp并将文件放入

c:/xampp/htdocs/test/

中，你应该能够做到这一点，但如果你已经在使用

xampp

或更简单的工具，答案就在上面在$（“#register_output”）html（数据）之前返回false；删除它可能会解决你的问题，当我删除它仍然没有显示。当我问这个问题时，我不想把它留在里面。也许你返回了一个错误，你是否用chrome调试工具“network”检查了响应？jquery-3.2.1.min.js:4未能加载file:///C:/Users/Hasan/Desktop/Test/register.php?: 跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、，https。send@jquery-3.2.1.min.js:4我已经在youtube视频中发布了你问题的答案，我一直在关注他，他还没有使用服务器。那么，当我这样做时，我怎么会需要使用xampp呢？@fehmiE您需要安装一个Web服务器和php，以便运行php指令和as

http://localhost

，而不是直接在您的web浏览器中作为

文件：//

，我想这正是您在这里尝试做的。那么您建议我做什么，因为我对这种类型的编码。你能给我举一些类似的例子，比如应用程序或者如何从本地主机查看它吗？下面是关于如何安装

xampp

的教程，其中包括apache2 Web服务器、mysql（mariadb）和php。在localhost上测试php应用程序所需的一切

<?php
echo "hi from php";
?>

<form id='register'>
<div id='response'></div>
<input name='name' placeholder='name' />
<input name='password' placeholder='password' />
<button id='button' onclick="register();"> submit</button>
</form>
<!-- import jquery here -->
<script>
function register() {
var data = new FormData($('#register'));
$.ajax({
  method: "POST",
  url: "http://example.org/register.php",
  data: data
})
  .done(function(html) {
    $( "#response" ).append( html );
  })
  .fail(function(html) {
    alert( "error" );
  });
      return false;
}

</script>

 <?php
   // do something here
   print_r($_REQUEST);

 ?>