PhoneGap中文网

标题: jqm使用ajax登录的时候总是一直处于刷新状态 [打印本页]

作者: fbifrom 时间: 2013-10-26 01:17
标题: jqm使用ajax登录的时候总是一直处于刷新状态
本帖最后由 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是一个循环了。如下图

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

作者: admin 时间: 2013-10-26 09:52
成功了就跳转一下,当然不要用ajax跳转, 还有你得ajax请求最好写在点击登录按钮以后,你这样写页面加载就会请求ajax

作者: fbifrom 时间: 2013-10-26 12:33

admin 发表于 2013-10-26 09:52
成功了就跳转一下,当然不要用ajax跳转, 还有你得ajax请求最好写在点击登录按钮以后,你这样写页面加载就 ...

那个login()我写的是函数啊，只有点击登陆按钮的时候才会去执行login（）函数吧。难道页面加载就会执行？
还有为啥一定要跳转呢？一般的网页中点击一次按钮就只会执行一次函数吧

作者: jacktony 时间: 2015-4-29 15:46
未来属于html5 phonegap 微信 wap全部搞定

作者: xiaota 时间: 2015-4-29 17:32
人不错，学习学习感觉phonegap+html越来越火了。

作者: qq393090149 时间: 2015-4-30 01:09
好帖就是要顶学习学习 html5趋势不可挡啊，虽然还在学习阶段

作者: qq393090149 时间: 2015-4-30 05:53
很不错，不错，学习学习。跨平台得顶起

作者: qq393090149 时间: 2015-4-30 11:18
非常好感谢开始学习html5 app开发了

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)