AJax技术

Django( Ajax )(2)

字号+ 作者:H5之家 来源:H5之家 2017-10-11 15:06 我要评论( )

XMLHttpRequest 对象有一个 onreadystatechange 事件,它会在 XMLHttpRequest 对象的状态发生变化时被调用。下面介绍一下 XMLHttpRequest 对象的 5 种状态: onreadystatechange 事件会在状态为 1 、 2 、 3 、 4

XMLHttpRequest对象有一个onreadystatechange事件,它会在XMLHttpRequest对象的状态发生变化时被调用。下面介绍一下XMLHttpRequest对象的5种状态:

onreadystatechange事件会在状态为1234时引发。

  下面代码会被执行四次!对应XMLHttpRequest的四种状态!

xmlHttp.onreadystatechange = function() { alert(‘hello‘); };

但通常我们只关心最后一种状态,即读取服务器响应结束时,客户端才会做出改变。我们可以通过XMLHttpRequest对象的readyState属性来得到XMLHttpRequest对象的状态。

xmlHttp.onreadystatechange = function() { if(xmlHttp.readyState == 4) { alert(‘hello‘); } };

其实我们还要关心服务器响应的状态码是否为200,其服务器响应为404,或500,那么就表示请求失败了。我们可以通过XMLHttpRequest对象的status属性得到服务器的状态码。

最后,我们还需要获取到服务器响应的内容,可以通过XMLHttpRequest对象的responseText得到服务器响应内容。

 

xmlHttp.onreadystatechange = function() { if(xmlHttp.readyState == 4 && xmlHttp.status == 200) { alert(xmlHttp.responseText); } };

JS实现ajax小结

 

/* 创建XMLHttpRequest对象; 调用open()方法打开与服务器的连接; 调用send()方法发送请求; 为XMLHttpRequest对象指定onreadystatechange事件函数,这个函数会在 XMLHttpRequest的1、2、3、4,四种状态时被调用; XMLHttpRequest对象的5种状态,通常我们只关心4状态。 XMLHttpRequest对象的status属性表示服务器状态码,它只有在readyState为4时才能获取到。 XMLHttpRequest对象的responseText属性表示服务器响应内容,它只有在 readyState为4时才能获取到! */


csrf跨站请求伪造

 

1:$.ajaxSetup({

    data: {csrfmiddlewaretoken: ‘{{ csrf_token }}‘ },

});

 

2:<form>

{% csrf_token %}

</form><br><br><br>$.ajax({<br>...<br>data:{

"csrfmiddlewaretoken":$("[name=‘csrfmiddlewaretoken‘]").val()

}<br>})

3:<script src="{% static ‘js/jquery.cookie.js‘ %}"></script>
$.ajax({

 

headers:{"X-CSRFToken":$.cookie(‘csrftoken‘)},

 

})

 

 

Django( Ajax )

标签:请求   .ajax   hello   request对象   传输   操作   open   cat   put   

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • store和reader使用技巧

    store和reader使用技巧

    2017-10-10 16:03

  • JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种

    JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种

    2017-09-11 11:42

  • 前端小白之每天学习记录

    前端小白之每天学习记录

    2017-08-14 17:01

  • [ajax 学习笔记] ajax初试

    [ajax 学习笔记] ajax初试

    2017-07-15 08:03

网友点评