ajax提交表单成功后，页面报错405

顾一魏

于 2023-06-26 11:21:23 发布

阅读量439

点赞数

文章标签： ajax javascript 前端

原文链接：https://blog.csdn.net/qq_40065962/article/details/126314216?ops_request_misc=&request_id=&biz_id=102&utm_term=ajax%E6%8F%90%E4%BA%A4%E6%88%90%E5%8A%9F%E5%90%8E,405%20Not%20Allowed%20ngin&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduw

版权

文章讲述了在使用Ajax进行POST提交表单时遇到405错误的原因，该错误是由于form标签的POST请求与Ajax请求冲突所致。通过将form标签替换为div等其他标签，可以避免这个问题，从而成功提交表单。

摘要由CSDN通过智能技术生成

ajax提交表单成功后，页面报错405，找了很多原因，最后发现是因为form标签和ajax的post请求冲突，导致405错误，将form改成其他的标签就没问题了。

form标签会提交post请求，ajax也会提交post请求，两个请求相冲突

原本的代码如下：

<form method="post" name="myform" id="myform">
	<dl>
		<dt><span>*</span>您的姓名：</dt>
		<dd>
			<input type="text" name="info[uname]" id="uname" placeholder="请输入姓名" required>
	    </dd>
    </dl>
    <dl>
    	<dt><span>*</span>您的电话：</dt>
    	<dd>
    	<input type="text" maxlength="11" name="info[tel]" id="tel" placeholder="请输入您的电话" oninput="value=value.replace(/[^\d]/g,'')" required>
    	</dd>
	 </dl>
      <input type="submit" name="dosubmit" id="dosubmit" value="提交" onclick="submitData()">
</form>

修改后的代码如下

<div id="myform">
	<dl>
		<dt><span>*</span>您的姓名：</dt>
		<dd>
			<input type="text" name="info[uname]" id="uname" placeholder="请输入姓名" required>
	    </dd>
    </dl>
    <dl>
    	<dt><span>*</span>您的电话：</dt>
    	<dd>
    	<input type="text" maxlength="11" name="info[tel]" id="tel" placeholder="请输入您的电话" oninput="value=value.replace(/[^\d]/g,'')" required>
    	</dd>
	 </dl>
      <input type="submit" name="dosubmit" id="dosubmit" value="提交" onclick="submitData()">
</div>