我已经附加了我的Ajax和表单 - 当我点击按钮页面时没有加载到ajax url。在控制台日志中我可以看到我的URL，当我复制它并在单独的选项卡上运行它运行其他它没有加载，我怎么能看到我的数据通过。可以寻求帮助吗？
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#excel").click(function(e) {
e.preventDefault();
var selectedMark = $("#datepicker").val();
var selectedMark1 = $("#member_dob").val();
if (selectedMark != "") {
$.ajax({
type: 'GET',
cache:false,
timeout:10000,
async:true,
url: "<?php echo base_url().'servicerecord/excel/' ?>?start=" + selectedMark + "&end=" + selectedMark1,
success:function(msg)
{
console.log(msg);
window.location.href = "<?php echo base_url().'servicerecord/excel/' ?>?start=" + selectedMark + "&end=" + selectedMark1;
},
error:function(jqXHR, textStatus, errorThrown )
{
console.log(textStatus);
alert(textStatus);
console.log(errorThrown );
}
});
}
});
});
</script><form id="search" action="<?php echo base_url(); ?>servicerecord/performance" method="post" class="form-horizontal">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">Search</h4>
</div>
<div class="panel-body">
<div class="form-group">
<label class="col-sm-2 control-label">Start Date</label>
<div class="col-sm-2">
<input type="text" class="form-control" id="datepicker" name="start_date" value="<? if($this->session->userdata('start_date')){echo $this->session->userdata('start_date');}else{ echo date('d-m-Y'); } ?>">
</div>
<label class="col-sm-2 control-label">End Date</label>
<div class="col-sm-2">
<input type="text" class="form-control" id="member_dob" name="end_date" value="<? if($this->session->userdata('end_date')){echo $this->session->userdata('end_date');}else{ echo date('d-m-Y'); }?>">
</div>
</div>
</div><!-- panel-body -->
<div class="panel-footer">
<div class="row">
<div class="col-sm-12">
<button class="btn btn-primary">Search</button>
<button type="reset" class="btn btn-default">Reset</button>
<button id="excel" class="btn btn-primary col-sm-offset-9">Export to Excel</button>
<a href="<?php echo site_url(); ?>servicerecord/pdf" class="btn btn-primary">Export to PDF</a>
</div>
</div>
</div>
</div><!-- panel -->
</form>
答案 0 :(得分：2)
试试这个：
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#excel").click(function(e) {
e.preventDefault();
var selectedMark = $("#datepicker").val();
var selectedMark1 = $("#member_dob").val();
//alert(selectedMark);
if (selectedMark != "") {
$.ajax({
type: 'GET',
cache:false,
timeout:10000,
async:true,
url: "<?php echo base_url().'servicerecord/excel/' ?>",
data:{'start':'selectedMark','end':'selectedMark1'},
success function(msg)
{
console.log(msg);
},
error:function()
{
alert(fail);
}
});
}
});
});
答案 1 :(得分：1)
此：
data:{'start':'selectedMark','&end':'selectedMark1'},
替换它;
data:{'start':selectedMark,'end':selectedMark1},
删除它：
console.log(data);
编辑：
看到另一个错误：错过:
在这里
success: function(msg) //right after success
{
console.log(msg);
},
代码结束如下：
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#excel").click(function(e) {
e.preventDefault();
var selectedMark = $("#datepicker").val();
var selectedMark1 = $("#member_dob").val();
//alert(selectedMark);
if (selectedMark != "") {
$.ajax({
type: 'GET',
cache:false,
timeout:10000,
async:true,
url: "<?php echo base_url().'servicerecord/excel/' ?>",
data:{'start' : selectedMark ,'end' : selectedMark1},
success: function(msg)
{
console.log(msg);
},
error:function(jqXHR, textStatus, errorThrown )
{
console.log(textStatus);
alert(textStatus);
console.log(errorThrown );
}
});
}
});
});
</script>
它应该工作;希望它有所帮助。
编辑： 现在您应该在控制台中出现错误。 并尝试使用最新的jQuery。
答案 2 :(得分：0)
删除此处的逗号
data:{'start':'selectedMark','&end':'selectedMark1'}
并删除此行
console.log(data),//remove
success function(msg)
删除此
// url: "<?php echo base_url() . 'servicerecord/excel/'; ?>" + selectedMark + "<?php echo '/'; ?>" + selectedMark1, //remove this
url: "<?php echo base_url().'servicerecord/excel/' ?>",
所以最后的代码是
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#excel").click(function(e) {
e.preventDefault();
var selectedMark = $("#datepicker").val();
var selectedMark1 = $("#member_dob").val();
//alert(selectedMark);
if (selectedMark != "") {
$.ajax({
type: 'GET',
cache:false,
timeout:10000,
async:true,
url: "<?php echo base_url().'servicerecord/excel/' ?>",
data:{'start':'selectedMark','&end':'selectedMark1'}
success function(msg)
{
console.log(msg);
},
error:function()
{
alert(fail);
}
});
}
});
});
</script