我有三个页面:test.php,script.js和main.php.
Main.php正在使用html5拖放以及来自script.js的简单ajax脚本,以便发布并激活test.php.(旁注,我希望main.php传递<img id="s1" />一个POST变量.经过几个小时的研究和一百次左右的测试和修改,我无法弄清楚为什么我无法获得触发帖子.任何建议都会非常感谢.这是我的代码:
test.php(包含一个简单的php脚本,加载时将通用记录插入我的DB)
的script.js
function drop(id, event) {
$.ajax({
url: "test.php",
type: "POST",
data: {
id: id,
event: event
},
success: function () {
console.log('great success');
return true
}
});
return false;
}
和main.php
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/script.js"></script>
<header class="main-header" role="banner"><center>
<img src="lampettalogo.jpg" height="90" width="400"alt="Banner Image"/></center>
</header>
<style>
#1 {width:auto;height:auto;padding:1px;border:1px solid #aaaaaa;}
#2 {width:auto;height:auto;padding:1px;border:1px solid #aaaaaa;}
#3 {width:auto;height:auto;padding:1px;border:1px solid #aaaaaa;}
#4 {width:auto;height:auto;padding:1px;border:1px solid #aaaaaa;overflow: auto;}
</style>
</head>
<body>
<div id="1" …我有一个应用程序(使用JqueryUI.GridSort拖放),允许用户上传照片,然后按照他们想要的顺序使用拖放对照片进行排序.
在页面加载时,系统会提示用户上传发布到下一页的照片.当他们到达下一页时,我的php脚本会为他们上传的每个文件创建一个<ul id="sortable">包含内容<li>.对于他们上传到网站的每张图片,都会<li>创建一个新图片.其中的内容<li>是<img>为<li>他们上传的图片设置图片.
我的目标是能够在拖放界面中将图片排列后"保存"图片的顺序.例如,一旦他们按照他们想要的顺序完成图片的排列和排序,我希望能够向他们发送另一个创建xml文件的页面(我不需要XML的帮助,只保存了使用他们以正确顺序创建的列表.
经过几个小时的PHP修补,我逐渐认识到,因为PHP是一种服务器端语言,所以它无法看到后期渲染的内容.所以我的问题是,有没有办法让JavaScript或Ajax读取列表的当前顺序,并将其发布到下一页？如果你知道怎么做,请你提供一个页面的POST和另一个的帖子接收的例子吗？我对Ajax不太熟悉.
非常感谢您提供的任何帮助.
示例代码(为每个上传的文件创建LI的foreach语句的内容)
$imgID++;
echo '<li class="ui-state-default"><img id="'.$imgID.'"'.' src="user_files/'.$file_name.'" draggable="true" height="90" width="95"></li>';
编辑
main page :
<script>
$('#my_form').on('submit', function() {
var ordered_list = [];
$("#sortable li img").each(function() {
ordered_list.push($(this).attr('id'));
});
$("#ordered_list_data").val(JSON.stringify(ordered_list));
});
</script>
<div id="tesT">
<form id="my_form" action="update_data.php">
<!-- other fields -->
<input type="hidden" id="ordered_list_data"></input>
<input type="submit" value="Proceed to Step 2"></input>
</form>
</div>
update_data.php:
<?php
// process other fields as normal
if(isset($_POST['ordered_list_data'])) {
$img_ordering …我有一个简单的JSON数组,我正在尝试编码.在JSON字符串内部,我需要方括号中的另一个数组.我无法弄清楚如何使内部括号方块.有什么建议？
这是我的代码
$data = [ "item" => ["id" => "123456", "name" => "adam"] ];
$data_string = json_encode($data);
这是输出
{"item":{"id":"123456","name":"adam"}}
我希望得到什么
{"item":["1123","1134","1184"]}
问候!
我有一个包含iframe的网页.Iframe来自用户可以使用的第三方应用.一旦用户完成应用程序并告诉Iframe应用程序它们已完成,就按下提交按钮.按下提交按钮后,它会将其重定向到我网站上的页面,但它们仍在Iframe中.
我的问题是 - 有没有办法强制他们被重定向的页面重定向Iframe的PARENT页面？我遇到了几个会话/ cookie问题迫使用户重新进入Iframe,从而导致无休止的Iframe浪潮.如果我可以简单地告诉Iframelanding.php将其父页面重定向到myaccount.php,我就不会遇到兼容性问题.
有人对这个有经验么？
php ×3
ajax ×2
html ×2
javascript ×2
encode ×1
html-lists ×1
html5 ×1
iframe ×1
jquery ×1
jquery-ui ×1
json ×1
parent-child ×1