Javascript .route('/listpopvim',methods=['POST','GET'])def listpopvim():#p_name=request.form['pName'];p_name='p15'p_dict1=[]对于加载中的p_p:p_dic
Javascript .route('/listpopvim',methods=['POST','GET'])def listpopvim():#p_name=request.form['pName'];p_name='p15'p_dict1=[]对于加载中的p_p:p_dic,javascript,jquery,python,ajax,Javascript,Jquery,Python,Ajax,.route('/listpopvim',methods=['POST','GET'])def listpopvim():#p_name=request.form['pName'];p_name='p15'p_dict1=[]对于加载中的p_p:p_dict2={'pop':p['fq_name'][1]}pop_dict1.append(pop_dict2)返回json.dumps(p_dict1)请编辑您的问题以包含服务器端代码,将其作为注释添加是相当困难的。在python方面帮不上什么忙,
.route('/listpopvim',methods=['POST','GET'])def listpopvim():#p_name=request.form['pName'];p_name='p15'p_dict1=[]对于加载中的p_p:p_dict2={'pop':p['fq_name'][1]}pop_dict1.append(pop_dict2)返回json.dumps(p_dict1)请
编辑
您的问题以包含服务器端代码,将其作为注释添加是相当困难的。在python方面帮不上什么忙,但是既然您已经知道如何使用ajax,为什么不能将p_name
数据重新ajax到flask服务器?
@app.route('/listpopvim', methods=['POST','GET'])
def listpopvim():
#p_name=request.form['pName'];
p_name='p15'
p_dict1 = []
for p in load_p:
p_dict2={
'pop': p['fq_name'][1]
}
#pop_dict1.append(pop_dict2)
return json.dumps(p_dict1)
<div class="row">
<div class="col-xs-4">
<h6> P Name </h6>
<select id="pSelId" name="pName" class="form-control"> </option> </select>
</div>
<div class="col-xs-4">
<h6> VIM </h6>
<select id="pVim" name="pVim" class="form-control"> </select>
</div>
</div>
<script>
getdata()
function getdata(){
$.ajax({
url : '/listpv',
type : 'POST',
success: function(data){
var pretrun = JSON.parse(data);
console.log(data)
$( "select" ).change( displayVals );
var options = "";
for (var i = 0; i < pretrun.length; i++) {
if (pretrun[i].pop){
options += "<option>" + pretrun[i].pop + "</option>";
}
}
$("#pSelId").html(options);
},
error: function(error){
console.log(error);
}
});
}
function displayVals() {
var singleValues = $( "#pSelId" ).val();
console.log(singleValues)
}
$( "#pSelId" ).change( displayVals );
displayVals();
</script>
@app.route('/listpopvim', methods=['POST','GET'])
def listpopvim():
p_name=request.form['pName'];
p_dict1 = []
for p in load_p:
p_dict2={
'pop': p['fq_name'][1]
}
#pop_dict1.append(pop_dict2)
return json.dumps(p_dict1)
<div class="row">
<div class="col-xs-4">
<h6> P Name </h6>
<select id="pSelId" name="pName" class="form-control"> </option> </select>
</div>
<div class="col-xs-4">
<h6> VIM </h6>
<select id="pVim" name="pVim" class="form-control"> </select>
</div>
</div>
<script>
getdata()
function getdata(){
$.ajax({
url : '/listpv',
type : 'POST',
data : {pName : $("pSelId").val()},
success: function(data){
var pretrun = JSON.parse(data);
console.log(data);
$( "select" ).change( displayVals );
var options = "";
for (var i = 0; i < pretrun.length; i++) {
if (pretrun[i].pop){
options += "<option>" + pretrun[i].pop + "</option>";
}
}
$("#pSelId").html(options);
},
error: function(error){
console.log(error);
}
});
}
function displayVals() {
var singleValues = $( "#pSelId" ).val();
console.log(singleValues)
}
$( "#pSelId" ).change( displayVals );
displayVals();
</script>
function getpop(){
$.ajax({
url : '/listpopvim',
type : 'GET',
success: function(data){
var pop = JSON.parse(data);
console.log(data)
var options = "";
for (var i = 0; i < pop.length; i++) {
if (pop[i].pop){
options += "<option>" + pop[i].pop + "</option>";
}
}
$("#popSelId").html(options);
$( "select" ).change( displayVals );
},
error: function(error){
console.log(error);
}
});
}
displayVals();
function displayVals() {
$.ajax({
url: "/listpopvim",
data: {pName: $( "#popSelId" ).val()},
ContentType : 'application/json',
dataType: "json",
//data: JSON.stringify(singleValues),
type:"POST",
success : function(response) {
//console.log(response)
},
error: function() {
alert('Error occured');
}
});
}