PS:最近のプロジェクトの変更のバグは、フロントエンドの出会いの問題は、レコードのように、ここでの問題を見つけるために多くの時間を費やしました。同じ問題を避けてください。ただ、共有に階段状ピットを防ぐために。。。
シーン:ページに表示されるデータの列、列を選択し、編集、編集ページにジャンプをクリックし、プロパティ値は、ページ選択ボックスを編集欄に表示されます。(デフォルト値を選択します)
まず、ポイントへの知識の使用
-
AJAX
のプロジェクトは、多くの場合、リクエストデータ、フォアグラウンドで表示するために受け入れられた背景データにAJAXに適用されます。
AJAXは非同期要求、ローカル負荷データであり、URLリクエストは、ページが更新されません。しかし、リクエストに応じて、我々は、同期および非同期の属性非同期を介して制御することができます。
同期非同期との主な相違点:
同期は、外部変数の値を変更することで定義することができる
非同期積載効率を向上させることができます -
非同期および同期
非同期:AJAXは、ページ全体を読み込むには影響しませんし、ユーザのアクションに相当するか、ブラウザの負荷は何事もなかったかのように、ユーザの感触のビューのも意味がないのだろうと、別々の互いに独立に行くカトンを反映しています。
同期:次に、その代わりに、非同期、彼と同じラインにロードし、叔父は、道路を渡り、その後、人々に戻るので、あること、それをロードされ、プロセス全体が停止しているので、それが中断されたアニメーション状態。 -
セットのデフォルトにあるドロップダウンボックスを選択します
$("#fwtxxmbUpdateTemp select[name='type']").attr("value",type);
第二に、プロジェクトの例
- 編集ページでAJAXリクエスト・データが開かれ、動的なドロップダウンボックスがあるでしょう
var typename="";
var typecode="";
function qeuryTempletnameList(){
$.ajax({
url: XXXX, //请求地址
type: "POST",
async:false, // 设置成同步,typename,typecode外部变量才能接受值
dataType: "json",
success : function(data){
var datas = data.data;
var optionstring ="";
for (var i =0 ; i < datas.length ; i++) {
optionstring += "<option value=\"" + datas[i].TYPECODE + "\" >" + datas[i].TYPENAME + "</option>";
typename = datas[i].TYPENAME;
typecode = datas[i].TYPECODE;
}
$("#type").html("<option value=\"\">--请选择--</option>" + optionstring);
}
});
}
ショーの2.をクリックして、デフォルトであります
$.open({
title:title,
width:"700px",
height:"80%",
content:$("#xxx").html(),
btns:btns,
success : function(){
qeuryTempletnameList();
var type = data.data.type; //data.data是另个请求的返回的数据,在这里我没有写
//通过设置value属性值,获取select值
$("#Temp select[name='type']").attr("value",type);
}
})
効果://リストページからデータエディタページにデフォルトで選択