ajax使用 ajax+json

柔情只为你懂 2022-04-18 05:13 275阅读 0赞

首先将ajax写于js方法中,定义事件,让元素触发,触发之后就会有数据产生给服务端

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk3OTg0MA_size_16_color_FFFFFF_t_70]

$.ajax({
                   type: "POST",
                   url: "test.php",
                   data: "name=garfield&age=18",
                   success: function(data){
                            $("#myDiv").html('<h2>'+data+'</h2>');
                      }
                });

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk3OTg0MA_size_16_color_FFFFFF_t_70 1]

{
    	"msg": "login success",
    	"status_code": "200",
    	"userlist": [{
    		"uname": "zhangsan",
    		"age": "12"
    	}, {
    		"uname": "Lisi",
    		"age": "22"
    	}]
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk3OTg0MA_size_16_color_FFFFFF_t_70 2]  
json格式

text文本

$.ajax({
    		type : 'POST',
    		url : "/plugin/apop/check.do",
    		data : {
    			"instID" : instID,
    			"instCode" : instCode
    		},// {instID:LBUI.checkGistJSON.InstID,instCode:LBUI.checkGistJSON.FInstCode},
    		async : false,
    		dataType : 'text',
    		success : function(data) {
    			var json = JSON.parse(data.trim());
    			var mgs = json.message;
    			var success = json.success;
    			var JSONdata = json.datas;
    			var count=0;
    			if (JSONdata.length > 0 && JSONdata != null) {
    				for ( var i = 0; i < JSONdata.length; i++) {
    					//alert(JSONdata[i].checkDetails);
    					count++;
    					var html = " <div class='layui-colla-item'><h2 class='layui-colla-title'>" +count+"." +JSONdata[i].checkPoint
    							+ "</h2><div class='layui-colla-content'>"
    							+ JSONdata[i].checkDetails + "</div></div>";
    					
    						$("#firstUL").append(html);
    						$('.layui-colla-content p').last().remove();
    
    				}
    				if(count>3){
    					$("#moreInfo").css("display","block");
    				}
    			}
    		},
    		error : function(data) {
    			alert(data);
    		}
    	});
    });

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk3OTg0MA_size_16_color_FFFFFF_t_70]: /images/20220418/b27bf4380b8f494da25dd975a024ccde.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk3OTg0MA_size_16_color_FFFFFF_t_70 1]: /images/20220418/5fa798aa4a5e4d0884daf9af5fd87bc5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mjk3OTg0MA_size_16_color_FFFFFF_t_70 2]: /images/20220418/46b9a03f7fe44d4ba4c0a2c8167ccbeb.png