XMLHttpRequest与django作为服务端的异步交互

最新推荐文章于 2022-08-06 15:29:30 发布

Natail

最新推荐文章于 2022-08-06 15:29:30 发布

阅读量3.6k

点赞数

分类专栏： django前后端交互

本文链接：https://blog.csdn.net/u013787110/article/details/19971089

版权

django前后端交互专栏收录该内容

4 篇文章 0 订阅

订阅专栏

XMLHttpRequest, 比较原始的一种异步交互方式，直接上代码：

前端代码：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html lang='en'>
  <meta charset='utf-8'>
  <head>
    <title>测试ajax</title>
    <script>
      var xmlHttp;
      function createXMLHttpRequest(){
        if(window.ActiveXObject)
          xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
        else if(window.XMLHttpRequest)
          xmlHttp = new XMLHttpRequest();
      }

//GET的发送方式
      function startRequest(){
        createXMLHttpRequest();
        xmlHttp.open('GET','/home/back?name=littleget',true);  //GET发送数据的方式
        xmlHttp.onreadystatechange = function(){
          if(xmlHttp.readyState == 4 && xmlHttp.status == 200)//判断返回码
            alert('已经连接'+xmlHttp.responseText)
        }
        xmlHttp.send(null);                                    //GET发送的内容不再send(）中
      }


//POST的发送方式
      function startPOST(){
        createXMLHttpRequest();
        xmlHttp.open('POST','/home/back/',true);
        xmlHttp.onreadystatechange = function(){
          if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
            alert('POST已经连接'+xmlHttp.responseText)
        }
        xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //POST发送必须加请求头
        xmlHttp.send('name=littlepost');
      }
      </script>
    <input type='button' value='test' onClick='startRequest()'>
    <input type='button' value='post' onClick='startPOST()'>
    </head>
  </body>

JDANGO作为服务端的代码：

def back(request):
>---if request.method == 'POST':
>--->---content = request.POST.get('name')
>--->---return HttpResponse('POST receive success, name is ' + content)
>---else:
>--->---content = request.GET.get('name')
>--->---return HttpResponse('GET receive success, name is ' + content)

效果如图：

仅供新手参考

Natail

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
XMLHttpRequest与django作为服务端的异步交互

XMLHttpRequest, 比较原始的一种异步交互方式，直接上代码：前端代码：测试ajax var xmlHttp; function createXMLHttpRequest(){ if(window.ActiveXObject) xmlHttp = new ActiveXObject('M
复制链接

扫一扫

专栏目录