惯例:
我是温浩然:
先说代码:
<div class="modal-body"> <span style="white-space:pre"> </span> <!-- <iframe src="http://file-server.erzao.org/file-server/video/select/61?categoryId=48&page=1&size=14&callback=videoServerCallBack" style="border:0;width:560px;height:450px;"></iframe> --> <span style="white-space:pre"> </span> <iframe src="http://www.baidu.com?aaa=11&callback=videoServerCallBack" style="border:0;width:560px;height:450px;"></iframe> <span style="white-space:pre"> </span> </div>
<script> document.domain = "erzao.org"; function videoServerCallBack (data){ var el=$('#videoModel'); var id=$('.data-id',el).val(); alert(data); if(id==1){ $('simple1').attr('value',data.src); }else if(id==2){ $('#sample2').attr('value',data.src); }else if(id==3){ $('#sample3').attr('value',data.src); }else if(id==4){ $('#sample4').attr('value',data.src); } el.modal('hide'); } </script>
开始的<div>在一个iframe中。
所以,没有牵扯到跨域的问题,如果你没有放到IFRAME中,要么从后台获得数据,要想从前台进行交互,就用jsonp格式,亲,可以看我的其他的博客哦
这个页面加载完成后,会执行一个回调函数,
videoServerCallBack回调函数中,返回的data是json形式的,但是,我不知道data中传递的是什么东西,就可以alert(data);来看一下。
但是,弹出的却是这个。
Object,无法正确的解析,
这里就牵扯到JSON对象的解析方式了。
stringify(),是从一个对象中,解析出来字符串,所以,就可以解析到值了。
alert(JSON.stringify(data));
所以,就可以了,
然后,还有另外一个属性,暂时没有用到。
JSON.parse()
这个是从字符串中,解析出JSON对象。所以没有用到。下次用到的时候写博客。