0412 日重点: jsonp解决ajax的跨域, js中的this
1. jsonp解决ajax的跨域问题:
<body>
<input type="text">
<button>提交</button>
<p></p>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.js"></script>
<script>
$(function(){
$("button").on("click",function(){
var $a = $("input").val();
$.ajax({
type:"get",
url:"http://localhost:8000/1.php",
data:{"info":$a},
dataType:"jsonp",
jsonp : 'callback',
jsonpCallback:"nwj",
success:function(data){
$("p").html(data);
},error:function(data){
}
});
});
});
</script>
</body>
<?php
$info = $_GET['info'];
$callback = $_GET['callback'];
echo $callback.'('.$info.')';
?>
1.js中的this
随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。
分四种情况：
情况一：纯粹的函数调用
这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。
情况二：作为对象方法的调用
函数还可以作为某个对象的方法调用，这时this就指这个上级对象。
情况三 作为构造函数调用
所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。
浙公网安备 33010602011771号