使用jQueryAjax将数据传递到php文件
我正在使用这个代码 这是伟大的作品,我想添加按钮,让用户改变从垂直到水平的看法 我编辑了load_data.php并添加了它需要的所有代码 在我编辑的控制器中:使用jQueryAjax将数据传递到php文件,php,jquery,ajax,parameter-passing,Php,Jquery,Ajax,Parameter Passing,我正在使用这个代码 这是伟大的作品,我想添加按钮,让用户改变从垂直到水平的看法 我编辑了load_data.php并添加了它需要的所有代码 在我编辑的控制器中: data: "page="+page, 到 并在控制器中添加了按钮(btn_视图),但我无法使其工作(将值从1更改为2) 并补充说 $('#btn_view').live('click',{ view: "2" },function(){ loadData(1);
data: "page="+page,
到
并在控制器中添加了按钮(btn_视图),但我无法使其工作(将值从1更改为2)
并补充说
$('#btn_view').live('click',{ view: "2" },function(){
loadData(1);
});
之后
$('go#u btn').live('click',function()){
var pagea=parseInt($('.goto').val());
var no_of_pages=parseInt($('.total').attr('a');
如果(pagea!=0&&pagea您的结构发送ajax数据是错误的。我已转到您的链接,从该教程中复制了函数,并将视图
变量传递到ajax数据
属性中进行了更新
您将把view
作为第二个参数传入,如果没有传入任何内容,loadData
将默认为1
function loadData(page, view) {
view = view || 1; // view defaults to 1 if not passed in
loading_show();
$.ajax({
type: "POST",
url: "load_data.php",
data: {
page: page,
view: view
},
success: function(msg) {
$("#container").ajaxComplete(function(event, request, settings){
loading_hide();
$("#container").html(msg);
});
}
});
}
因此,视图按钮代码如下所示:
$('#btn_view').live('click', function(){
var view = 2;
var page = 1;
loadData(page, view);
});
我不确定您正在做什么来确定页面
是什么,但我猜测,如果将其硬编码到该函数中,作为1
,您可能需要将此代码复制到函数中:
function establishPageAndLoadData(view) {
view = view || null; // use view if passed in...
var pagea = parseInt($('.goto').val());
var no_of_pages = parseInt($('.total').attr('a'));
if(pagea != 0 && pagea <= no_of_pages){
loadData(pagea, view); // pass view to load function
} else {
alert('Enter a PAGE between 1 and '+no_of_pages);
$('.goto').val("").focus();
return false;
}
}
$('#go_btn').live('click',function(){
establishPageAndLoadData(); // does page under the hood
});
我可能在这里查错了树,但是在这里,您的控制器总是会得到两个post变量:page
和view
我看不到您的ajax,但是通过jQuery.ajax()
发送数据最好是这样做的数据:{foo:“bar”
$('#btn_view').live('click', function(){
var view = 2;
var page = 1;
loadData(page, view);
});
function establishPageAndLoadData(view) {
view = view || null; // use view if passed in...
var pagea = parseInt($('.goto').val());
var no_of_pages = parseInt($('.total').attr('a'));
if(pagea != 0 && pagea <= no_of_pages){
loadData(pagea, view); // pass view to load function
} else {
alert('Enter a PAGE between 1 and '+no_of_pages);
$('.goto').val("").focus();
return false;
}
}
$('#go_btn').live('click',function(){
establishPageAndLoadData(); // does page under the hood
});
$('#btn_view').live('click', function(){
var view = 2;
establishPageAndLoadData(view); // calculates page under the hood
});