AJAXの選択のデフォルト値を取得します

PS:最近のプロジェクトの変更のバグは、フロントエンドの出会いの問題は、レコードのように、ここでの問題を見つけるために多くの時間を費やしました。同じ問題を避けてください。ただ、共有に階段状ピットを防ぐために。
シーン:ページに表示されるデータの列、列を選択し、編集、編集ページにジャンプをクリックし、プロパティ値は、ページ選択ボックスを編集欄に表示されます。(デフォルト値を選択します)

まず、ポイントへの知識の使用

  1. AJAX
    のプロジェクトは、多くの場合、リクエストデータ、フォアグラウンドで表示するために受け入れられた背景データにAJAXに適用されます。
    AJAXは非同期要求、ローカル負荷データであり、URLリクエストは、ページが更新されません。しかし、リクエストに応じて、我々は、同期および非同期の属性非同期を介して制御することができます。
    同期非同期との主な相違点:
    同期は、外部変数の値を変更することで定義することができる
    非同期積載効率を向上させることができます

  2. 非同期および同期
    非同期:AJAXは、ページ全体を読み込むには影響しませんし、ユーザのアクションに相当するか、ブラウザの負荷は何事もなかったかのように、ユーザの感触のビューのも意味がないのだろうと、別々の互いに独立に行くカトンを反映しています。
    同期:次に、その代わりに、非同期、彼と同じラインにロードし、叔父は、道路を渡り、その後、人々に戻るので、あること、それをロードされ、プロセス全体が停止しているので、それが中断されたアニメーション状態。

  3. セットのデフォルトにあるドロップダウンボックスを選択します

$("#fwtxxmbUpdateTemp select[name='type']").attr("value",type);

第二に、プロジェクトの例

  1. 編集ページで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);            
		}
	});
}

挿入では、ここでAJAXを説明
ショーの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);	   	
				    }
	})

効果://リストページからデータエディタページにデフォルトで選択
ここに画像を挿入説明

公開された16元の記事 ウォンの賞賛3 ビュー540

おすすめ

転載: blog.csdn.net/outdata/article/details/98956481