个人中心
gpt4 book ai didi

javascript - 如何在jquery中分割ajax的Response html

转载 作者：行者123 更新时间：2023-12-03 05:50:22 25 4
gpt4 key购买 nike

这段代码运行良好。但我无法使用 ajax jquery 泄露 html 的响应。我需要将其拆分为#div1 和#div2。请使用“|”拆分响应。请用完整代码解释。因为我对jquery了解不多。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        var Names = $('#Names').val();//alert(Names);
        var ArrNames = Names.split(",");
        var Name1 = ArrNames[0];//alert(Name1);
        var Name2 = ArrNames[1];//alert(Name2);
        $("#div1").load('result.php', {
            "FirstName": Name1,
            "SecondName": Name2
        });
        return (false);
    });
});
</script>
</head>
<body>
<div style="float:left;"><b>Response Data1:</b></div><div id="div1" style="float:left;"></div><br><br><br>
<div style="clear:both;">
<div style="float:left;"><b>Response Data2:</b></div><div id="div2" style="float:left;"></div><br><br><br>
<div style="clear:both;">
<form>
<input id="Names" type="text" value="name1,name2">
<button>Event</button>
</form>
</body>
</html>

这是结果.php

<?php
       $name1 = $_REQUEST['FirstName'];
       $name2 = $_REQUEST['SecondName'];

// i need to split by | this symbol;
    ?> 

<input type="text" value="This is 1st response <?php echo $name1;?>"> | This is 2nd Response <?php echo $name2;?>

最佳答案

嘿，再一次:D 这是 ajax 文档 http://api.jquery.com/jquery.ajax/和一些代码。

<form id="form">
  <input id="Names" type="text" value="name1,name2">
  <input type="submit">
</form>


// I would use $("#form").submit(function() {}) instead of $.click()
$("#form").submit(function(){
    var Names = $('#Names').val();//alert(ArrNames);
    var ArrNames = Names.split(",");
    var Name1 = ArrNames[0];//alert(Name1);
    var Name2 = ArrNames[1];//alert(Name2);
    $.ajax({
      url: "result.php",
      method: "POST",
      data: {"FirstName": Name1, "SecondName": Name2}
    }).done(function(response) {
      var splitted = response.split("|"); // RESULT
      $("#div1").html(splitted[0]); // The first name
      $("#div2").html(splitted[1]); // The secondname
    });
});

// Also change your php to this, so it is compatible
<?php
  $name1 = $_POST['FirstName'];
  $name2 = $_POST['SecondName'];
  ...

编辑:
您可以使用 split() 函数示例

拆分响应(如上所述) 
"name 1 | name 2".split("|") -> ["name 1 ", " name 2"]

关于javascript - 如何在jquery中分割ajax的Response html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40181690/

25 4 0
文章推荐： php - 负载均衡器 - Web 应用程序 AZURE
文章推荐： youtube - 获取YouTube视频的直接网址
文章推荐： azure - 使用图形 API 在哪里存储用户元数据？
文章推荐： android - 不断在build.gradle中更改版本的firebase-core。包括firebase-core的最佳方法？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com