Bootstrap模态窗口加载外部json文件数据

页面：

	
		
		
		
		
		
	
	
			
			
			  点击出现模态窗口
			
			
			

			  	

				    

				      	

					        
					        	×
					        
					        
模态窗口
				      	
					    

					      	

					      	  	

					      	  		

					      	  			姓名
		      							
					      	  		
					      	  		

					      	  			编号
		      							
					      	  		
					      	  		

					      	  			性别
		      							男  
                      					女 
					      	  		
					      	  	
					      	
					    
					    

					        关闭
					        保存
					    
				    
			  	
			
			
		
		
	
			

js:

$(function(){
     	 $("#myModal").click(function(){
	        //使用getJSON方法读取json数据,xxx.json可以是不同类型文件，只要其中的数据为json类型即可
	        $.getJSON('json/data1.json',function(data){
	            var html = '';
	            $.each(data,function(i,item){
		            var name = item['name'];
		            var number = item['number'];
		            var sex = item['sex'];
				       
				    $('#name').val(name);
					$('#number').val(number);
				    if (sex == '女') {  
				        document.getElementById('women').checked = true;  
				    } else {  
				        document.getElementById('man').checked = true;  
				    }         
	            });
	        });
	        
	        $('#modal').modal('show');  
    	});
    	
    	function modalsave(){
    		$('#modal').modal('hide');  
    	}

  	});

json文件：

[{
	"name":"张三",
	"number":"12344",
	"sex":"男"
}]