美文网首页
使用jQuery的ajax http get()或者post()

使用jQuery的ajax http get()或者post()

作者: 小沙盒工作室 | 来源:发表于2020-12-06 15:01 被阅读0次

以下代码在火狐浏览器上面测试
因为谷歌浏览器有页面缓存 导致更新代码后 浏览器不及时同步
错误代码示范:
html

<form action="register.php">
  账号<input id="account" type="text" name="account" value="" autocomplete="on"/><br/>
  密码<input id="pwd" type="password" name="pwd" value="" autocomplete="on">
  <button id="showPwd" type="button" name="button">显示密码</button>
  <button id="hidePwd" type="button" name="button">隐藏密码</button>
  <button id="Mylogin" type="submit" >登录</button>
  <button id="register" type="submit">注册</button>
</form>

jquery js代码

//登录页面
$(function()
{
  //登录或者注册
//登录
  $("#Mylogin").click(function()
  {
    action="login"
    var value1=$("#account").val()
    var value2=$("#pwd").val();
    $.get("register.php",function(data,status)
    {
      alert(data)
    })
  })
})

这样会导致原生form表单提交和jquery的ajax http方法冲突
必须把form标签删除掉

  账号<input id="account" type="text" name="account" value="" autocomplete="on"/><br/>
  密码<input id="pwd" type="password" name="pwd" value="" autocomplete="on">
  <button id="showPwd" type="button" name="button">显示密码</button>
  <button id="hidePwd" type="button" name="button">隐藏密码</button>
  <button id="Mylogin" type="submit" >登录</button>
  <button id="register" type="submit">注册</button>
//登录页面
$(function()
{
  //登录或者注册
//登录
  $("#Mylogin").click(function()
  {
    action="login"
    var value1=$("#account").val()
    var value2=$("#pwd").val();
    $.get("register.php",function(data,status)
    {
      alert(data)
    })
  })
})

这样,在火狐浏览器就测试成功了,但是谷歌浏览器又出问题了。TAT
记得把 button type="submit" 取消这个type属性

相关文章

网友评论

      本文标题:使用jQuery的ajax http get()或者post()

      本文链接:https://www.haomeiwen.com/subject/thfnwktx.html