Jquery 如何使用烧瓶';从ajax POST表单提交的render_模板
我希望得到一个答案: 我有一个jQuery表单,它将JSON数据发送到Flask提供服务的特定URL:Jquery 如何使用烧瓶';从ajax POST表单提交的render_模板,jquery,python,ajax,flask,Jquery,Python,Ajax,Flask,我希望得到一个答案: 我有一个jQuery表单,它将JSON数据发送到Flask提供服务的特定URL: <div id="form"> <form id="send"> <input type="submit" value="Continue" > </form> </div> jQuery(document).on('ready', functi
<div id="form">
<form id="send">
<input type="submit" value="Continue" >
</form>
</div>
jQuery(document).on('ready', function() {
jQuery('form#send').bind('submit', function(event){
event.preventDefault();
var form = this;
json = geojson.write(vectors.features);
$.ajax({
type: "POST",
contentType: 'application/json',
url: $SCRIPT_ROOT + "/create",
dataType: "json",
success: function(){},
data: json
});
});
});
我知道正在传递JSON,因为我可以看到它在运行Flask服务器的控制台中打印出来:
问题在于,模板是作为Ajax请求响应的一部分呈现的,但我希望将模板呈现为新的html页面:
试试这个
$.ajax({
type: "POST",
contentType: 'application/json',
url: $SCRIPT_ROOT + "/create",
dataType: "json",
success: function(){},
data: json
success:function(response){
document.write(response);
}
});
因此,事实证明我实际上不需要使用jQuery来实现这一点,相反,我可以使用带有隐藏字段的html表单提交JSON(正如前面提到的):
你在哪里声明了var$SCRIPT_ROOT或者它是一个PHP var?这与本例无关。我想在一个新的URL上呈现模板,而不是在同一个页面上。我所看到的任何示例都没有包含这个简单的最后成功行,但他们都声称成功呈现了下一个交互页面。他们不工作!!!是你的。这是一个救命稻草。
$.ajax({
type: "POST",
contentType: 'application/json',
url: $SCRIPT_ROOT + "/create",
dataType: "json",
success: function(){},
data: json
success:function(response){
document.write(response);
}
});
<div id="form">
<form id="send" method="post" action="create" onsubmit="getJSON()" enctype='application/json'>
<input type="submit" value="Continue" />
<input type="hidden" name="jsonval" value=""/>
</form>
</div>
function getJSON(){
json = geojson.write(vectors.features);
var formInfo = document.forms['send'];
formInfo.jsonval.value = json;
}