JS前端知识

JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。

 String callback = request.getParameter("callback");  
     out.print(callback+"([ { name:'John',age:'19'},{ name:'joe',age:'20'}] );");  
     out.print(callback); 

<script type="text/javascript">    
    function jsonpCallback(result){     
       alert(result[1].name);     
    }     
</script>  
<script type="text/javascript"src="http://localhost:8080/Jsonp/jsonp.jsp?callback=jsonpCallback"></script>  

<script type="text/javascript">     
    $.getJSON("http://localhost:8080/Jsonp/jsonp.jsp?callback=?", function(json){      
        alert(json[0].name);     
    });     
</script> 

$.ajax({  
        type : "get",  
        async:false,  
        url : "http://app.example.com/base/json.do?sid=1494&busiId=101",  
        dataType : "jsonp",//数据类型为jsonp  
        jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数  
        success : function(data){  
            $("#showcontent").text("Result:"+data.result)  
        },  
       error:function(){  
            alert('fail');  
        }  
    });   

 Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。 

        function UpladFile() {
            var fileObj = document.getElementById("file").files[0]; // 获取文件对象
            var FileController = "http://10.2.8.20:9797/appServlet?intertype=video";                    // 接收上传文件的后台地址 
            // FormData 对象
            var form = new FormData();
            form.append("author", "hooyes");                        // 可以增加表单数据
            form.append("file", fileObj);                           // 文件对象
            // XMLHttpRequest 对象
            var xhr = new XMLHttpRequest();
            xhr.open("post", FileController, true);
	    xhr.setRequestHeader("Content-Type","application/octet-stream");
            xhr.onload = function () {
                alert("上传完成!");
            };
	     xhr.send(form);
            //xhr.send(fileObj);
        }

json简单说就是javascript中的对象和数组，是一种轻量级的数据交换格式。

字符串转json

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
       或者
       var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

eval()  会执行字符串中存在的function  安全性不高，效率不高，不建议使用

json数据增删改查（数组增删改查）

var arrayObj = new Array();　//创建一个数组
arrayObj.a="a";
arrayObj.b="b";
arrayObj.push("");
console.log(arrayObj)
delete arrayObj[0];//置空 不完全删除 数组length不变（ 通过下标操作数组）
console.log(arrayObj)
arrayObj.push("");
console.log(arrayObj.length)
arrayObj.splice(0,1);//开始位置,删除个数 完全移除
console.log(arrayObj.length)
delete  arrayObj.a;//删除json对象 （通过.属性名操作json）
console.log(arrayObj)