如何在ajax成功函数中加载html页面并将值加载到html页面

时间:2016-03-04 07:11:31

标签: jquery html

我无法在ajax成功函数中加载html页面。我无法将响应值加载到页面。 我正在使用Windows.locate来加载html页面。

var groupName = data.groupName;
                var firstname= data.firstname;
                var lastname= data.lastname;
                $('#firstname').val(firstname);
                $('#serviceName').val(data.lastname);
               window.location = "url";

但我没有在html页面中获取值。 谢谢。

2 个答案:

答案 0 :(得分:0)

您需要POST到网址。因此,输入#firstname#lastname需要在表单中,您需要将表单提交到url。所以在jQuery中:

$("#formId").submit();

或者您可以使用:$.post(url, data);请参阅http://api.jquery.com/jQuery.post/

然后,在服务器上,您应该拥有data中包含的值,并且可以设置服务器端的名字和姓氏。

答案 1 :(得分:-1)

1

$(selector).load(URL,data,callback);
$("button").click(function(){
  $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
       alert("External content loaded successfully!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});    

2

$.get(URL,callback);
$("button").click(function(){
  $.get("demo_test.php",function(data,status){
    alert("Data: " + data + "nStatus: " + status);
  });
});

demo_test.php
<?php
echo "This is some text from an external PHP file.";
?>

3

$.post(URL,data,callback);
$("button").click(function(){
  $.post("demo_test_post.html",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "nStatus: " + status);
  });
});

<?php
$name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';
$city = isset($_POST['city']) ? htmlspecialchars($_POST['city']) : '';
echo 'Dear ' . $name;
echo 'Hope you live well in ' . $city;
?>