output html from jquery ajax request
output html from jquery ajax request
我正在创建一个从目录加载的图库。 首先,IM 为目录中的每个相册文件夹创建一个div 标签。 然后,IM 使用 jQuery Ajax 获取单击的文件夹名称,并为该文件夹中的每个图像创建div 标记。 IM 将文件夹的 ID 发送到外部 PHP 页面以获取图像的文件路径。 我不确定如何输出实际的 HTML。 相当Ajax/PHP 编码的新手,因此解释很有帮助。
jquery ajax:
var jq=$.noConflict();
jq(document).ready(function(){
jq(".album-select").click(function(event){
var id=event.target.id;
jq.ajax({
type: "POST",
url: "image_loader.php",
data: {phpid:id},
success: function(data){
jq('#mydiv').html("");
jq('#mydiv').append(data);
}
});
image_loader.php
<?php
if (isset($_POST['phpid'])) {
$album_fill = $_POST['phpid'];
}
$dir = 'images';
$slash = '/';
$dir_image = "$dir$slash$album_fill";
$dir_contents = scandir($dir_image);
foreach($dir_contents as $file){
if($file !== '.' && $file !== '..'){
$dir_imagepath = "$dir_image$slash$file";
echo '<div style="position:absolute; width:100px; height:100px; top:1100px; left:500px;">';
echo '<img src="',$dir_imagepath,'">';
echo '</div>';
}}?>
首先按
如下方式更改success
函数:
success: function(data){
$('#mydiv').html(data);
}
其次,确保您的ajax
调用返回HTML
页面。
拿这个
jq('#mydiv').html("");
jq('#mydiv').append(data);
并让它成为这个
jq('#mydiv').html(data);
相关文章:
- Javascript ajax request
- Ajax-Request:将动态内容传递给模态
- 发送数组 ajax.request 原型
- rails jquery ajax request not executing
- 带有 ClojureScript 的 AJAX Request 有时在 Chrome 上将 nil 作为参数
- Ajax request Post Params
- Ajax request Codeigniter
- 使用Ext.Ajax.request使ExtJS单例返回对象
- jQuery to Javascript Conversion for AJAX request
- jQuery - AJAX Request
- 使用 HTML、javascript 和 jQuery 使用 Ajax Request 将图像上传到 Amazon s3
- jQuery POST Ajax request
- ExtJS 4.2.1 mocking Ext.Ajax.request
- 将 PHP 变量传递给 JavaScript For AJAX Request
- keyup(function()) ajax request delay - jQuery
- Ext.Ajax.request 发送 OPTIONS 请求跨域,当 jQuery.ajax 发送 GET 时
- Jquery Ajax Request and PHP
- Magento newsletter ajax request returns null
- 内线.当JSON返回“success”时,Ajax.request将成功:false
- 对于 jsf.ajax.request 忽略了 onevent 选项