jqm使用ajax登录的时候总是一直处于刷新状态

fbifrom · 发表于 2013-10-26 01:17:23

本帖最后由 fbifrom 于 2013-10-26 12:31 编辑

今天遇到一个问题，用JQM制作一个登陆页面，该页面的HTML代码如下：

<div data-role="content">
<div data-role="fieldcontain">
<label for="textinput-hide" class="ui-hidden-accessible">邮箱:</label>
<input type="text" name="textinput-hide" id="username" placeholder="邮箱" value="">
<label for="password">密码:</label>
<input type="password" name="password" id="password" value="" autocomplete="off" placeholder="密码">
<input onclick="login()" type="button" data-inline="true" data-icon="star" value="登录">
<div id="login_msg"></div>
</div>
</div>
</body>

复制代码

该页面的JS函数如下：

function login(){
username=$("#username").val();
password=$("#password").val();
if(username=="" || password==""){
$("#login_msg").html("邮箱和密码不能为空");
return;
}

$.ajax({
      type:"get",
      async:false,
      data:{'username':username,'password':password},
      url:base_url+"index.php/api/user/login?random="+Math.random(),
      dataType:"jsonp",
      jsonp:"callback",
      jsonpCallback:"login",
beforeSend: function(){
      showLoading();
},
      success:function(json){
         if(json.status==0){
      $("#login_msg").html("账号或密码错误");
      }else{
      $("#login_msg").html("账号验证正确"+json.client_code);
      }
      },
complete:function(XMLHttpRequest, textStatus){
      hideLoading();
},
      error:function(){
         alert("failed");
      }
});
}
当我点击登录的时候，通过chrome浏览器查看网页状态，发现这个ajax请求一直在进行，意思就是发送完了一个ajax请求后，又开始一个请求，相当于ajax是一个循环了。如下图

暂时还未知是什么原因，大家能帮我看看不