jQuery通过ajax获得后台json数据给form表单赋值

页面导航:首页 > 网络编程 > JavaScript > jQuery通过ajax获得后台json数据给form表单赋值

jQuery通过ajax获得后台json数据给form表单赋值

来源: 作者: 时间:2016-02-05 11:06 【

jQuery提供了load方法可以将数据加载到页面form表单中,但有时候我需要获取后台json数据中某个 20540;时,又需要赋 20540;整个form表单,load方法没有回调函数所以就不行了,如果用ajax调用的

jQuery提供了load方法可以将数据加载到页面form表单中,但有时候我需要获取后台json数据中某个值时,又需要赋值整个form表单,load方法没有回调函数所以就不行了,如果用ajax调用的话,获得后台json数据后把json数据分析出来在一个个的赋值到form表单的每个文本框中,这样未免太过复杂和太多代码,所以我根据了一些大神的回答,总结了一个很好用的jQuery函数。

jQuery-load方法调用:

$('#form').form('load',URL);


页面表单:


总结的方法:

页面调用:

<script>	
	$.getJSON(URL,param,function(data){
		alert(data.type);
		$("form").setForm(data);
	});
</script>

把下面这段代码放入到jQuery中取

$.fn.setForm = function(jsonValue) {
    alert("setForm");
    var obj=this;
    $.each(jsonValue, function (name, ival) {
    	var $oinput = obj.find("input:[name=" + name + "]"); 
    	if ($oinput.attr("type")== "radio" || $oinput.attr("type")== "checkbox"){
    		 $oinput.each(function(){
                 if(Object.prototype.toString.apply(ival) == '[object Array]'){//是复选框,并且是数组
                      for(var i=0;i

注意页面启动ajax方法,然后这样就可以通过ajax拿到自己想要的值,又可以将值全部赋值到form表单中了。

看了之后有木有感觉很有爱啊。生气







Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<