我正在尝试使用 jQuery 的 $.parseJSON() 将变量转换为 JSON,但 JSON 字符串中的值之一由 HTML 代码组成。当我删除 HTML 变量并替换为“test”时,可以使用 $.parseJSON 解析变量并使用 ajax 成功发送到 php 脚本,在该脚本中可以操作对象。
我试图弄清楚如何将 HTML 代码传递到变量中并对其进行解析,以使我的 php 脚本可以访问该对象。目前, questionshtml[index] 变量正在破坏脚本。
我试过使用 'questionsvalues[index].replace("}{", "},{");' 为了删除双引号和反斜杠,但脚本仍然中断。有人可以提供一个解决方案来正确准备好要使用 $.parseJSON() 解析的 html 代码吗?
JAVASCRIPT代码
var questionstype = [];
var questionshtml = [];
var questionsquestion = [];
//Store all questions, types, and html for each fieldset into 3 separate arrays
for(var i=1;i<=formpreviewid;i++)
{
questionsquestion.push($("#formelement_"+i + " legend").text());
questionstype.push($("#formelement_"+i).attr("class"));
questionshtml.push($("#formelement_"+i)[0].outerHTML);
};
//format values for each fieldset into values format in mysql
var questionsvalues = [];
var index = 0;
for(var i=1;i<=formpreviewid;i++)
{
questionsvalues.push('{"question":"'+questionsquestion[index]+'","type":"'+questionstype[index]+'","html":"'+questionshtml[index]+'"}');
index++;
};
//format mysql values into JSON format
var questionsvaluesjson = '{"questions":['+questionsvalues+']}';
questionsvaluesjson = $.parseJSON(questionsvaluesjson);
//convert to json
var jsonArray = JSON.stringify(questionsvaluesjson);
$.ajax({
type: 'POST',
url: '/project/templates/yoo_nano2/php/saveform.php',
data: {'formpreviewhtml': formpreviewhtml, 'jsonArray': jsonArray},
beforeSend:function(){
// this is where we append a loading image
$("#formpreview").append('<div style="z-index:3000;" id="divoverlaycontainer"><div id="loaderoverlay"><div class="center" id="loader"><img src="/project/templates/yoo_nano2/images/loader.gif"></div></div></div>');
}, success:function(data){
alert(data + "Saved form successfully.");
//$('#viewresults').empty();
$('#divoverlaycontainer').remove();
// successful request; do something with the data
//$('#viewresults').html(data);
}, error:function(){
// failed request; give feedback to user
alert("Save was unsuccessful. Please try again.");
$('#divoverlaycontainer').remove();
}
});
});
});