使用php AJAX发送数据表单请求失败
AJAX Request Failed in form send data using php ajax
我需要使用ajax
发送表单数据。
<div class="" id="ajax-msg1"></div>
<form id="ajaxform" action="load.php">
<input type="hidden" name="csrf_token" id="my_token" value="<?php echo $token; ?>" />
<button type="submit" name="submit" id="ajax-1">Send</button>
</form>
JS:
$(document).ready(function() {
$("#ajax-1").click(function() {
$("#ajax-msg1").html("<img src='loading.gif'/>");
var formData = $("#ajaxform").serializeArray();
var URL = $("#ajaxform").attr("action");
$.ajax({
url: URL,
type: "POST",
data: formData,
success: function(data, textStatus, jqXHR) {
$("#ajax-msg1").html('<pre><code class="prettyprint">' + data + '</code></pre>');
},
error: function(jqXHR, textStatus, errorThrown) {
$("#ajax-msg1").html('<pre><code class="prettyprint">AJAX Request Failed<br/> textStatus=' + textStatus + ', errorThrown=' + errorThrown + '</code></pre>');
}
});
});
});
但是在操作中我看到了这个错误:
AJAX Request Failed
而不是工作形式。如何解决这个错误?!
就像"Norlihazmey Ghazali"说的
改变:
$(document).ready(function() {
$("#ajax-1").click(function() {
:
$(document).ready(function() {
$("#ajax-1").click(function( e ) {
e.preventDefault();// avoid submitting the form here
相关文章:
- 单击按钮即可显示带有提取的json数据的表
- 将数据从表单传递到另一个页面上的表-knockout.js
- 当用户将数据输入表单时要知道的事件
- 使用jQuery用data-*数据填充表单文本输入
- 如何将数据从表单传递到 php 函数到 javascript 以在画布上绘制而不刷新页面
- 根据 Ajax 返回的数据提交表单
- 如何在反应表中单击表行的列之一时获取表行的数据上下文
- 数据表 - 通过单击事件获取当前行的数据库 ID
- 使用表格数据填写表单
- 加载HighCharts图表/数据在表单上提交jQuery
- 如何使用 Ajax .serialize() 数据将表单发布到 PHP
- 使用来自另一个表单的数据填充表单
- 如何使用我要编辑的 html 表中行中的数据填充表单中的输入字段
- 角度:如何重置映射到不同数据的表单元素
- 将数据从表单获取到骨干中的集合
- 主干 - 使用嵌套的 json 数据将表单提交绑定回模型
- 单击按钮时添加带有附加数据的表行
- 如何将数据从表单传递到路由器
- 在 Laravel 5.1 和 Vue JS 中保存多个数据动态表单
- 如何使用jquery从数据表中单击按钮时选择过滤结果