Question

jquery $.ajax不运行问题！

$("#btn_email").live('click', function() {
var email = $("#user_email").val();
$.ajax({
type: "get",
async: true,
url: api_url+"/userEmailBind",
data: {
email: email
},
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "apiUserEmailBind",
success: function(json) {
if (json.result == '1') {
$('#eml_msg').html(json.msg);
}
if (json.result == '0') {
alert(json.msg);
}
},
error: function(staus) {
alert('系统繁忙，请稍后再试!');
}
});
alert('前面的不执行直接调到这里了，大神帮忙看下为什么');
});
<div id="zl4" title="邮箱认证" class="">
<ul class="infor_con">
<li id="eml_msg"><span class="name">邮箱：</span><input name="user_email" id="user_email" type="text" class="input" maxlength="20"/></li>
<li><span class="name">状态：</span><label style="color:#f00;">未绑定</label></li>
<li><a class="submit" id="btn_email">提交</a></li>
</ul>
</div>

Answer 1

async: true,
这里面的 async表示的是异步的意思，默认值是true，表示这个ajax在请求的时候不会影响页面其余js的执行，直到ajax请求响应结果了才会执行你的success里面的函数，所以才会先执行最后的那个alert,
如果你希望页面js是顺序执行的，请把async 改成false

Answer 2

把异步的设置改为false即async: false,试一下