使用jqueryajax获取单独的PHP变量
Myscript.js执行一个请求,以获取所有.php,其中有三个变量要输出(echo)使用jqueryajax获取单独的PHP变量,php,jquery,html,ajax,variables,Php,Jquery,Html,Ajax,Variables,Myscript.js执行一个请求,以获取所有.php,其中有三个变量要输出(echo)$all\u categories、$all\u brands和$all\u filters。现在,我想在我的index.html中的三个不同区域中操作它们 我想将$all\u categories放在中,$all\u brands放在中,$all\u filtesr放在中 如何将它们分别放置在每个div中?我知道如何将所有变量放在一个中,但不知道如何分别放置每个收到的变量 index.php <?ph
$all\u categories
、$all\u brands
和$all\u filters
。现在,我想在我的index.html中的三个不同区域中操作它们
我想将$all\u categories
放在
中,$all\u brands
放在
中,$all\u filtesr
放在
中
如何将它们分别放置在每个div
中?我知道如何将所有变量放在一个
中,但不知道如何分别放置每个收到的变量
index.php
<?php // Startup ?>
<?php
define('APP_PATH', '../');
define('SYS_PATH', '../system/');
define('STYLES', 'assets/styles/');
define('SCRIPTS', 'assets/scripts/');
require_once SYS_PATH . 'initializers/all.php';
?>
<?php // Controller ?>
<?php
?>
<?php // Viewer ?>
<?php template('header'); ?>
<body>
<div id="static_menu">
<ul>
<li><a href="#categories">Categories</a></li>
<li><a href="#brands">Brands</a></li>
<li><a href="#filters">Filters</a></li>
<li><a href="#social">Social</a></li>
</ul>
</div>
<hr>
<div id="categories">
<ul></ul>
</div>
<hr>
<div id="brands">
<ul></ul>
</div>
<hr>
<div id="filters">
<ul></ul>
</div>
<hr>
<div id="social">
<ul></ul>
</div>
<hr>
</body>
<?php template('footer'); ?>
<?php // Startup ?>
<?php
define('APP_PATH', '../');
define('SYS_PATH', '../system/');
define('STYLES', 'assets/styles/');
define('SCRIPTS', 'assets/scripts/');
require_once SYS_PATH . 'initializers/all.php';
?>
<?php // Controller ?>
<?php
$result_arr = $category->select_all();
$all_categories = $html->list_anchor_loop($result_arr, 'category');
echo $all_categories
$result_arr = $brand->select_all();
$all_brands = $html->list_anchor_loop($result_arr, 'brand');
echo $all_brands;
$result_arr = $filter->select_all();
$all_filters = $html->list_anchor_loop($result_arr, 'filter');
echo $all_filters;
get_all.php
<?php // Startup ?>
<?php
define('APP_PATH', '../');
define('SYS_PATH', '../system/');
define('STYLES', 'assets/styles/');
define('SCRIPTS', 'assets/scripts/');
require_once SYS_PATH . 'initializers/all.php';
?>
<?php // Controller ?>
<?php
?>
<?php // Viewer ?>
<?php template('header'); ?>
<body>
<div id="static_menu">
<ul>
<li><a href="#categories">Categories</a></li>
<li><a href="#brands">Brands</a></li>
<li><a href="#filters">Filters</a></li>
<li><a href="#social">Social</a></li>
</ul>
</div>
<hr>
<div id="categories">
<ul></ul>
</div>
<hr>
<div id="brands">
<ul></ul>
</div>
<hr>
<div id="filters">
<ul></ul>
</div>
<hr>
<div id="social">
<ul></ul>
</div>
<hr>
</body>
<?php template('footer'); ?>
<?php // Startup ?>
<?php
define('APP_PATH', '../');
define('SYS_PATH', '../system/');
define('STYLES', 'assets/styles/');
define('SCRIPTS', 'assets/scripts/');
require_once SYS_PATH . 'initializers/all.php';
?>
<?php // Controller ?>
<?php
$result_arr = $category->select_all();
$all_categories = $html->list_anchor_loop($result_arr, 'category');
echo $all_categories
$result_arr = $brand->select_all();
$all_brands = $html->list_anchor_loop($result_arr, 'brand');
echo $all_brands;
$result_arr = $filter->select_all();
$all_filters = $html->list_anchor_loop($result_arr, 'filter');
echo $all_filters;
让PHP脚本将结果作为JSON对象发送(请参阅)
在JS中,您将收到一个对象,例如resp
,它将有三个属性,resp.categories
,resp.filters
和resp.brands
有关更多详细信息和特殊性,请发布一些代码
在get_all.php
中:
$result = array(
'categories' => $all_categories,
'brands' => $all_brands,
'filters' => $all_filters
);
echo json_encode($result);
在script.js中
$.ajax({
type: "POST",
url: "get_all.php",
dataType : 'json', //specify that data will be returned as JSON
}).done(function(data){
// use data.categories, data.brands, data.filters here
// manipulate recieved in three different divs
})
如果您的ajax调用通过返回,那么将数据插入到所需的div中非常容易:
PHP
JQuery:
<script type="text/javascript">
$.getJSON("URL_TO_PHP?jsoncallback=?",{
/*DATA TO SEND*/
},function(response){
$('#categories').html(response.categories);
$('#vrands').html(response.vrands);
$('#filters').html(response.filters);
});
</script>
$.getJSON(“URL\u TO\u PHP?jsoncallback=?”{
/*要发送的数据*/
},功能(回应){
$('#categories').html(response.categories);
$('#vrands').html(response.vrands);
$('#filters').html(response.filters);
});
您可以使用一个自动执行此操作的库,就像您可以直接从PHP传递JSON数据,同时仍按顺序操作DOM一样。Phery不适用于URL,但适用于函数回调,您可以从PHP本身内部分配给div,如您的情况: