Как разбить html ответа ajax в jQuery

Этот код работает нормально. Но я не мог пролить ответ html с помощью ajax jquery. Мне нужно разбить его на # div1 и # div2. Пожалуйста, используйте «|» разделить ответ. пожалуйста, объясните с полным кодом. потому что у меня мало знаний о jquery.Как разбить html ответа ajax в 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>

это result.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;?>

источник

2016-10-21 Yaseen Ahmed

это не имеет ничего общего с JQuery. строка - это строка. просто потому, что вы используете jquery, не волшебным образом делает все строки javascript разными. –

Мне нужно разделить ответ, используя | этот символ –

если невозможно, сообщите мне меня по-другому. –

Эй еще раз: D вот Аякса документация 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']; 
    ...

Edit:
Вы можете разделить ответ (как это было сделано выше) с использованием split() функции пример

"name 1 | name 2".split("|") -> ["name 1 ", " name 2"]

источник

2016-10-21 16:55:08 Device

Разделимая переменная - это ответ, разделенный символом «|» – Device

разделите ответ на # div1 и # div2 –

, пожалуйста, используйте это для "|" разделить ответ. –

Как разбить html ответа ajax в jQuery

ответ

Смежные вопросы