写一个ajax请求出现的问题-创新互联

   今天在写一个ajax请求的时候出现ajax请求成功后，页面居然会出现刷新，url有跳转，找了半天，终于发现了问题所在，原来我在表单里面有一个 <input type="button" onclick="submit()"/>元素，之前用的是表单提交的方式发送的请求，改成ajax请求后忘记删除，但是我好奇的是我在js里面写的submit()方法已经被删除了，怎么还会提交表单呢？
我仔细一看，原来button的onclick事件触发的submit()方法还是会提交表单，如果将该方法改一下名字，表单就不会提交了！。

创新互联建站10多年企业网站建设服务;为您提供网站建设,网站制作,网页设计及高端网站定制服务,企业网站建设及推广,对成都履带搅拌车等多个行业拥有多年的网站设计经验的网站建设公司。

下面是我的jsp页面：                

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
 <%@ include file="/jsp/meta.jsp" %>
 <title>登录页面</title>
</head>
<body>

   <form action="login/userLogin" method="post">

     用户名： <input type="text"  name="userName"    id="userName" /><span  id="user_message"></span> <br/>
  密码：<input type="password" id="pwd" name="pwd"/><span id="pwd_message"></span> <br/>
  <span><button id="btn" onclick="submit()">登录</button></span>

</form>
</body>
</html>

<script type="text/javascript">
$(function(){
var oBtn =document.getElementById('btn');
//ajax请求获取用户登录信息
$(oBtn).click(function()
{
var login_message ={'userName':$("#userName").val(),'pwd':$("#pwd").val()};
$.ajax({
url:'<%=ctx%>/login/userLogin',
type:'post',
data:login_message,
//contentType: "application/json; charset=utf-8",
dataType:'json',
success:function(data){

console.log(JSON.stringify(data));
console.log(eval('('+data+')'));
var result= eval('('+data+')');

},
error:function(data){
console.log(JSON.stringify(data));
}

});
//oForm.submit=true;
});

});
</script>

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证， 机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

本文名称：写一个ajax请求出现的问题-创新互联
网页地址：https://www.cdcxhl.com/article4/dgihoe.html

成都网站建设公司_创新互联，为您提供云服务器、网页设计公司、静态网站、网站维护、网站设计、用户体验

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

外贸网站制作

移动网站建设知识

分类信息网