如何将特定数据从php返回到jquery ajax?

hp7

在我的js文件中,我正在将数据数组发送到我的php文件,我想在#NAME中打印名称,在#PASSWORD中打印密码,但是我在#NAME和#PASSWORD中同时获取值name和password,如下所示:

在此处输入图片说明

我要如何打印:

在此处输入图片说明

$("#name").keyup(function() {
  var form = $("#form").serialize();
  $.ajax({
    type: "POST",
    url: "index.php",
    data: form,
    success: function(data) {
      $("#NAME").html(data);
    }
  });
});

$("#password").keyup(function() {
  var form = $("#form").serialize();
  $.ajax({
    type: "POST",
    url: "index.php",
    data: form,
    success: function(data) {
      $("#PASSWORD").html(data);
    }
  });
});
<html>

<body>

  <form id="form" action="index.php" method="post">

    Name :
    <input type="text" name="name" id="name" /><span id="NAME">I want name here from index.php, but it returns both name and password</span>
    <br/>
    <br/>Password :
    <input type="password" name="password" id="password" /><span id="PASSWORD">I want password here from index.php, but it returns both</span>
    <br/>
    <br/>
    is there any other way of doing it in the same index.php file?

  </form>

  <script src="jquery.js"></script>
  <script src="js.js"></script>

</body>

</html>

拉法

由于您要为两个调用发送相同的表单,因此将其包装为一个调用并处理两个实例并通过数组返回数据会更容易。

的PHP

$arr = array();
$arr[0] = "John Doe";
$arr[1] = "password";

echo json_encode($arr);
exit();

jQuery的

$.ajax({
  type: "POST",
  url: "index.php",
  data: form,
  dataType: "json",
  success: function(data) {
    $("#NAME").html(data[0]);
    $("#PASSWORD").html(data[1]);
  }
});

注意,您应该确保在$.ajax调用中包括dataType,以便jQuery知道如何解析响应。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将数据从 PHP 返回到 ajax 函数

来自分类Dev

ajax调用如何将数据返回到变量?

来自分类Dev

将数组从 PHP 返回到 jQuery 从 Ajax

来自分类Dev

如何在不刷新的情况下将mysql数据返回到网页(ajax / jquery / php / mysql)

来自分类Dev

如何将JSON结果返回到Ajax.BeginForm

来自分类Dev

如何将JSON结果返回到Ajax.BeginForm

来自分类Dev

如何将数组从php返回到javascript中的ajax响应

来自分类Dev

将jquery ajax done函数生成的数据返回到变量

来自分类Dev

将数据返回到jquery中的ajax调用

来自分类Dev

如何使用AJAX将PHP响应返回到HTML页面

来自分类Dev

从php文件将json返回到ajax

来自分类Dev

如何将多个列表从控制器操作返回到ajax成功回调函数

来自分类Dev

无法将数据从ajax发布返回到self

来自分类Dev

JSP不会将数据返回到JQuery AJAX

来自分类Dev

JSP不会将数据返回到JQuery AJAX

来自分类Dev

如何将单个php变量返回给ajax

来自分类Dev

jQuery和Ajax。如何检索此字段的数据并返回到正确的复选框

来自分类Dev

使用ajax将mysql结果返回到php

来自分类Dev

将PHP数组返回到javascript wihout Ajax,可能吗?

来自分类Dev

在脚本完成之前将响应从php返回到ajax

来自分类Dev

无法将数组从 php 函数返回到 ajax 请求

来自分类Dev

如何将 php json_decode 数据解析为 Jquery Ajax 请求

来自分类Dev

如何将jquery / ajax数据用于password.js

来自分类Dev

如何通过php / mysql / jquery网页中的ajax返回数据?

来自分类Dev

从Action类将json返回到ajax

来自分类Dev

如何将AJAX数据从VIEW发送到控制器?(PHP(MVC)+ AJAX)

来自分类Dev

如何将ajax POST到php

来自分类Dev

如何从php访问ajax中返回的数据?

来自分类Dev

使用fetch()或XMR / any_other_type_of_ajax-request将特定数据放入ajax请求中,就像在jQuery ajax中一样

Related 相关文章

  1. 1

    如何将数据从 PHP 返回到 ajax 函数

  2. 2

    ajax调用如何将数据返回到变量?

  3. 3

    将数组从 PHP 返回到 jQuery 从 Ajax

  4. 4

    如何在不刷新的情况下将mysql数据返回到网页(ajax / jquery / php / mysql)

  5. 5

    如何将JSON结果返回到Ajax.BeginForm

  6. 6

    如何将JSON结果返回到Ajax.BeginForm

  7. 7

    如何将数组从php返回到javascript中的ajax响应

  8. 8

    将jquery ajax done函数生成的数据返回到变量

  9. 9

    将数据返回到jquery中的ajax调用

  10. 10

    如何使用AJAX将PHP响应返回到HTML页面

  11. 11

    从php文件将json返回到ajax

  12. 12

    如何将多个列表从控制器操作返回到ajax成功回调函数

  13. 13

    无法将数据从ajax发布返回到self

  14. 14

    JSP不会将数据返回到JQuery AJAX

  15. 15

    JSP不会将数据返回到JQuery AJAX

  16. 16

    如何将单个php变量返回给ajax

  17. 17

    jQuery和Ajax。如何检索此字段的数据并返回到正确的复选框

  18. 18

    使用ajax将mysql结果返回到php

  19. 19

    将PHP数组返回到javascript wihout Ajax,可能吗?

  20. 20

    在脚本完成之前将响应从php返回到ajax

  21. 21

    无法将数组从 php 函数返回到 ajax 请求

  22. 22

    如何将 php json_decode 数据解析为 Jquery Ajax 请求

  23. 23

    如何将jquery / ajax数据用于password.js

  24. 24

    如何通过php / mysql / jquery网页中的ajax返回数据?

  25. 25

    从Action类将json返回到ajax

  26. 26

    如何将AJAX数据从VIEW发送到控制器?(PHP(MVC)+ AJAX)

  27. 27

    如何将ajax POST到php

  28. 28

    如何从php访问ajax中返回的数据?

  29. 29

    使用fetch()或XMR / any_other_type_of_ajax-request将特定数据放入ajax请求中,就像在jQuery ajax中一样

热门标签

归档