Javascript 在codeigniter上使用ajax插入数据

我试图在我的codeigniter应用程序中使用ajax插入数据，但每次单击submit按钮，整个页面都会重新加载，什么也没有发生。实际上，表单提交按钮在我的情况下不起作用。但是，当我在没有ajax的情况下尝试相同的代码时，它可以使用表单上的操作将数据提交到数据库中

我的看法是：

/*通过ajax提交表单*/ $createGrade。单击，函数e{ e、 防止违约； $.ajax{ url:'index.php？admin/exam\u grade/create'， 数据：{ grade_title:$grade_title.val， grade_point:$grade_point.val， mark_from:$mark_from.val， mark_upto:$mark_upto.val， comment:$comment.val }, 异步：“true”， 缓存：“false”， 键入：“post”， 成功：函数数据{ //jQueryattendence_report_holder.htmlresponse； 警报数据添加成功； } }; };

---

从按钮中删除类型=提交。此属性会导致按钮提交表单，从而在浏览器中重新加载页面。

@r通过将代码放在页面末尾或将jquery加载到页面中，我已使其正常工作。警报消息正在显示。。但是错误消息被触发。是我的帖子数据有任何有助于触发错误消息的编码。 $createGrade。单击，函数e{ e、 防止违约； $.ajax{ url:'index.php？admin/exam\u grade/create'， 数据：{ grade_title:$grade_title.val， grade_point:$grade_point.val， mark_from:$mark_from.val， mark_upto:$mark_upto.val， comment:$comment.val }, 异步：“true”， 缓存：“false”， 键入：“post”， 成功：函数数据{ //jQueryattendence_report_holder.htmlresponse； 警报数据添加成功； }, 错误：functiondata{ 警报错误发生； } }; }; };

---

似乎您忘记在document.ready中包装单击侦听器，因此它可能在按钮存在之前运行。。。或者在页面中抛出脚本错误，并且没有激活单击处理程序。我已经修改了我的ajax函数，但它也在提交表单后重新加载表单。或者在错误部分，它不会触发任何错误消息。请查看我更新的ajax函数。在单击处理程序中放置一个警报，看看它是否触发。您似乎没有添加文档就绪。我已将文档放置就绪。实际上，我正在使用引导模式窗口来查看表单。请再次查看我的ajax函数。我不熟悉Javascript和ajax，所以需要一些帮助来完成这个问题。通过使用document.ready，它还可以在单击我的提交按钮后重新加载我的页面。我已经尝试了此操作，但它不会触发任何警报，相反，页面仍然会重新加载“$document.readyfunction{$document.on'click”，“createGrade”，函数evt{alert单击提交按钮；}；}；”e、 防止违约；处理该问题IT不处理该问题-提交事件不会被取消，只有单击事件本身会被取消。一个简单的测试将证实这一点。$document.readyfunction{$document.on'click'，'createGrade'，function evt{e.preventDefault；alert单击提交按钮；}；}；我也尝试过这个方法，但是没有任何效果，并且通过type=submit删除，但是在我的例子中没有一个有效。如果没有指定属性，则默认为submit。使用type=button.com似乎对我有效，至少在触发事件处理程序方面是如此。。。您确定请求了正确的URL吗？