使用jquery ajax将数组和非数组发送到php
我正在尝试用jquery和php实现一个照片标签系统。我有一个表单,其中一个输入是已知的,另外6个输入可能会有所不同(取决于用户希望标记照片中的多少人。最大值为6) 问题是第一个输入(照片标题)只有一个值,其他六个可能的输入有4个值,即: 名字 姓氏 x位置 y位置 我想知道将所有这些数据传递到php的最佳方法,在那里我可以进行mysql插入。 目前我有以下代码使用jquery ajax将数组和非数组发送到php,jquery,html,mysql,Jquery,Html,Mysql,我正在尝试用jquery和php实现一个照片标签系统。我有一个表单,其中一个输入是已知的,另外6个输入可能会有所不同(取决于用户希望标记照片中的多少人。最大值为6) 问题是第一个输入(照片标题)只有一个值,其他六个可能的输入有4个值,即: 名字 姓氏 x位置 y位置 我想知道将所有这些数据传递到php的最佳方法,在那里我可以进行mysql插入。 目前我有以下代码 html <form id="uploadedphotoForm"> <textarea id="phot
html
<form id="uploadedphotoForm">
<textarea id="phototitle" name="title" maxlength="70" placeholder="Say something about your style."></textarea>
<input type="hidden" value="'foo','bar','10','787'" name="phototags[]" />
<input type="hidden" value="'john','doe','565','434" name="phototags[]" />
</form>
在php中
$title = $_POST['title'];
理想情况下,我希望在一个数组中获取标记,这样我就可以使用类似于
INSERT INTO tbl_name (firstname,lastname,xposition,yposition) VALUES("foo","bar",10,787),("john","doe","565","434");
ajax数据类型可以提供帮助
var request = $.ajax({
url: "script.php",
type: "POST",
data: { id : menuId },
dataType: "json" /*this line can be usefull for u*/
});
以下是文件:
例如:
Jquery:
var phototagsjson = [];
$("input[name='phototags[]']").each(function(){
var myval = $(this).val();
var myarray = myval.split(",");
var phototgsnode = {};
phototgsnode["firstname"]=myarray[0];
phototgsnode["lastname"]=myarray[1];
phototgsnode["xcor"]=myarray[2];
phototgsnode["ycor"]=myarray[3];
phototagsjson.push(phototgsnode );
});
$.ajax({
url: "script.php",
type: "POST",
data: { phototitle: $("#phototitle").val(),phototags:phototagsjson},
dataType: "json"
});
在php上,你将获得照片标签这并不能回答我的问题
var phototagsjson = [];
$("input[name='phototags[]']").each(function(){
var myval = $(this).val();
var myarray = myval.split(",");
var phototgsnode = {};
phototgsnode["firstname"]=myarray[0];
phototgsnode["lastname"]=myarray[1];
phototgsnode["xcor"]=myarray[2];
phototgsnode["ycor"]=myarray[3];
phototagsjson.push(phototgsnode );
});
$.ajax({
url: "script.php",
type: "POST",
data: { phototitle: $("#phototitle").val(),phototags:phototagsjson},
dataType: "json"
});