Javascript 使用jQueryAjax提交表单不在服务器中工作,但在LocalHostCodeIgniter中工作
使用Jquery和Ajax提交表单在服务器中不起作用,但在localhost中效果很好。原因是什么。我正在使用Codeigniter框架Javascript 使用jQueryAjax提交表单不在服务器中工作,但在LocalHostCodeIgniter中工作,javascript,php,jquery,ajax,codeigniter,Javascript,Php,Jquery,Ajax,Codeigniter,使用Jquery和Ajax提交表单在服务器中不起作用,但在localhost中效果很好。原因是什么。我正在使用Codeigniter框架 查看 //order.php <form action="" method="post" id="form_order"> <p><input type="text" name="due_date" /></p> <p><input type="text" name="name
查看
//order.php
<form action="" method="post" id="form_order">
<p><input type="text" name="due_date" /></p>
<p><input type="text" name="name" /></p>
<p><button type="submit">SAVE</button></p>
</form>
<script>
$(document).ready(function(){
(function($) {
"use strict";
$(function() {
$('#form_order').validate({
rules: {
due_date: {
required: true
},
name: {
required: true
}
},
messages: {
due_date: {
required: "date required"
},
name: {
required: "name required"
}
},
$('#loading').show();
$(form).ajaxSubmit({
type:"POST",
data: $(form).serialize(),
url:"<?php echo base_url("ordercode"); ?>",
success: function(data) {
$('#loading').hide();
$('#success').show();
$('#success').html(data);
},
error: function() {
$('#loading').hide();
$('#success').show();
$('#success').html('Something went wrong. Tryagain later!');
}
});
}
});
});
})(jQuery)
});
</script>
型号
//Orders.php
public function addOrder($due_date_first, $name) {
$data = array(
'order_due_date' => $due_date_first,
'order_name' => $name
);
$add = $this->db->insert('tbl_order', $data);
if($add == 1) {
return TRUE;
}
else {
return FALSE;
}
}
上面的代码在localhost中工作得很好,但在服务器中却不行。服务器总是返回错误
输出
服务器:
出了问题。晚点再说
Localhost:
已添加订单
我的编码有问题吗。为什么它不能在服务器中工作。有什么解决办法吗。谢谢。<代码>$(文档)。准备就绪(函数(){
$(document).ready(function(){
(function($) {
"use strict";
$(function() {
$('#form_order').validate({
rules: {
due_date: {
required: true
},
name: {
required: true
}
},
messages: {
due_date: {
required: "date required"
},
name: {
required: "name required"
}
},
submitHandler: function(form,e) {
e.preventDefault();
var formData = new FormData(form);
$('#loading').show();
$.ajax({
type:"POST",
data: formData,
url:"<?php echo base_url("ordercode"); ?>",
success: function(data) {
$('#loading').hide();
$('#success').show();
$('#success').html(data);
},
error: function() {
$('#loading').hide();
$('#success').show();
$('#success').html('Something went wrong. Tryagain later!');
}
});
}
});
})(jQuery);
});
});
(函数($){
“严格使用”;
$(函数(){
$(“#表单#订单”)。验证({
规则:{
截止日期:{
必填项:true
},
姓名:{
必填项:true
}
},
信息:{
截止日期:{
必需:“必需日期”
},
姓名:{
必需:“必需的名称”
}
},
submitHandler:函数(表单,e){
e、 预防默认值();
var formData=新formData(表格);
$(“#加载”).show();
$.ajax({
类型:“POST”,
数据:formData,
url:“”,
成功:功能(数据){
$(“#加载”).hide();
$(“#成功”).show();
$('#success').html(数据);
},
错误:函数(){
$(“#加载”).hide();
$(“#成功”).show();
$(“#success”).html('出了点问题。请稍后再试!');
}
});
}
});
})(jQuery);
});
});
并删除表单标签中的
action=“
属性显然这行有问题:$add=$this->orders->addOrder($due_date,$name);。返回什么?@jeff:Inlocalhost
返回TRUE
。但是在server
中,它显示出出了问题。晚点再说来自Jquery的code>。检查服务器上的错误日志
日志文件,并将一些错误日志粘贴到此处。@FazalRasel:加载资源失败:服务器响应状态为500(内部服务器错误)
。但是页面工作正常。我已经检查过了。您只需从浏览器控制台发布错误。这没什么帮助。好的,您使用的是哪台服务器?
$(document).ready(function(){
(function($) {
"use strict";
$(function() {
$('#form_order').validate({
rules: {
due_date: {
required: true
},
name: {
required: true
}
},
messages: {
due_date: {
required: "date required"
},
name: {
required: "name required"
}
},
submitHandler: function(form,e) {
e.preventDefault();
var formData = new FormData(form);
$('#loading').show();
$.ajax({
type:"POST",
data: formData,
url:"<?php echo base_url("ordercode"); ?>",
success: function(data) {
$('#loading').hide();
$('#success').show();
$('#success').html(data);
},
error: function() {
$('#loading').hide();
$('#success').show();
$('#success').html('Something went wrong. Tryagain later!');
}
});
}
});
})(jQuery);
});
});