首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

ajax jq 实现登陆无刷新 近来看看

2014-01-17 
ajax jq 实现登陆无刷新大虾近来看看没写完应该怎么写html xmlnshttp://www.w3.org/1999/xhtmlhead

ajax jq 实现登陆无刷新 大虾近来看看
没写完  应该怎么写


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
      <script type="text/javascript">
          $(document).ready(function () {
              function loginin() {
                  var name = $('#txt').val();
                  var passwd = $('#passwd').val();
                  $.ajax({
                      type: 'post',
                      url: 'Login.aspx',
                      dataType: 'json',
                      data: 'username=' + name + '&userpasswd=' + passwd,
                      success: function () { },
                      error: function () { alert("error"); }
                  })
              }

          });

        </script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

       帐户<input type="text" id="txt" name="txt" /><br />
       密码<input type="text" id="passwd" name="passwd" />
       <input type="submit" id="resu" />
    </div>
    </form>
</body>
</html>

[解决办法]
在$(document).ready(function(){.....])里面再加上:


$('#form1').submit(function(){
    loginin();
    return false;
})


另外,你那ajax的data参数有问题,既然是post请求那data应该是对象不是字符串。
[解决办法]
引用:
Quote: 引用:

在$(document).ready(function(){.....])里面再加上:


$('#form1').submit(function(){
    loginin();
    return false;
})


另外,你那ajax的data参数有问题,既然是post请求那data应该是对象不是字符串。
为什么return false;

不return false 点击按钮提交表单默认是页面跳转~~

热点排行