我有一个javascript函数,里面有两个$.post请求。两个$.post请求都应该被执行。但有时,第二个$.post请求没有被执行。这可能是什么原因?
问问题
5137 次
1 回答
1
$.post()
是 $.ajax() 结构的缩写形式。我通常更喜欢使用该$.ajax()
结构,因为:
- 更容易查看我是否遗漏了什么
- 我可以更轻松地添加其他参数,例如
asynch: false,
- 当我刚接触 ajax 时,我发现解决这个结构要容易得多
在您的情况下,您可能会发现您的问题更容易在$.ajax()
结构中解决,因为更容易看到第二个 ajax 调用(取决于第一个 ajax 调用的结果)必须发生在第一个 ajax 的成功函数中打电话。
这是一个独立的例子(太糟糕了 jsFiddle 不能处理 ajax ......):
测试者.PHP
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#eml').focus();
$('#mybutt').click(function() {
var $a = $('#eml').val();
var $b = $('#pw').val();
//alert('Email: ' +$a+ ' Pass: ' +$b);
$.ajax({
type:"POST",
url: "yourphpfile.php",
data: 'email=' +$a+ '&pass=' +$b,
success: function(data) {
alert(data);
var aData = data.split('|');
var name = aData[0];
var code = aData[1];
alert('Name: ' +name+ ' Code: ' +code);
$.ajax({
type:"POST",
url: "yourphpfile.php",
data: 'name=' +name+ '&code=' +code,
success: function(newdata) {
alert(newdata);
} //END success_ajax2
}); //END ajax() #2
} //END success_ajax1
}); //END ajax() #1
}); //END mybutt.click()
}); //END $(document).ready()
</script>
</head>
<body>
Email: <br />
<input type="text" id="eml" /><br />
Password: <br />
<input type="password" id="pw" /><br />
<input type="button" id="mybutt" value="Submit">
</body>
</html>
你的php文件.php
<?php
if (isset($_POST['email'])) {
$e = $_POST['email'];
$p = $_POST['pass'];
$name = 'Bob';
$code = '1234';
$resp = $name .'|'. $code;
echo $resp;
}else if (isset($_POST['name'])) {
$n = '<h1>Here is something new</h1>';
echo $n;
}
于 2013-07-26T17:40:07.953 回答