Django AJAX异步提交

最新推荐文章于 2022-10-13 13:56:19 发布

孙小兔

最新推荐文章于 2022-10-13 13:56:19 发布

阅读量743

点赞数

分类专栏： python + django 文章标签： python django

本文链接：https://blog.csdn.net/sxl0727tu/article/details/51896901

版权

python + django 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JS代码：

   
   
    
    
     
         function submitName(){
    
    
    
    
     
             var name = $("#nameId").val();
    
    
    
    
     
             $.post("/blog/test/",{name:name},function(data){
    
    
    
    
     
                 $("#outId").text(data)
    
    
    
    
     
             }).error(function () {
    
    
    
    
     
                 alert("Error");
    
    
    
    
     
             });
    
    
    
    
     
         }

HTML部分：

   
   
    
    
     
     <div>
    
    
    
    
     
         <form action="/blog/" method="POST" id="formId">
    
    
    
    
     
             <input type="text" name="name" id="nameId"/>
    
    
    
    
     
             <input type="button" onclick="submitName()" value="提交"/>
    
    
    
    
     
         </form>
    
    
    
    
     
     </div>
    
    
    
    
     
     <div id='upDiv' name='upDiv'>
    
    
    
    
     
         Name = <font color="red" id="outId">NULL</font>
    
    
    
    
     
     </div>

view部分：

   
   
    
    
     
     from django.views.decorators.csrf import csrf_exempt
    
    
    
    
     
     from django.http import HttpResponse
    
    
    
    
     
      
    
    
    
    
     
     @csrf_exempt
    
    
    
    
     
     def tttt(request):
    
    
    
    
     
             response=HttpResponse()
    
    
    
    
     
             content = request.POST.get('name')
    
    
    
    
     
             print(content)
    
    
    
    
     
             response.write(content)
    
    
    
    
     
             return response