ajax请求实例（看了很多都没人实例，有的写了还不能运行，急死宝宝）

Posted 2021-03-25 hale_wang

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax请求实例（看了很多都没人实例，有的写了还不能运行，急死宝宝）相关的知识，希望对你有一定的参考价值。

from django.shortcuts import render,HttpResponse
from django.http import JsonResponse
import json
# Create your views here.

def index(request):

    if request.is_ajax():
        n1=request.POST.get("n1")
        n2=request.POST.get("n2")
        # print(n1,n2)
        # print(type(n1))
        sum=int(n2)+int(n1)
        re={"sum":sum,}
      
        # return HttpResponse(json.dumps(re))
        return JsonResponse(re)
    return render(request,"index.html")

views.py

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

    <input type="text" id="n1" name="num1">
    <input type="text" id=‘n2‘ name="num2">
    <input type="text" id=‘n3‘ name="sum">
    <input type="button" id="b" name="sum" value="点我">

<script>
    $(‘#b‘).click(

        function () {
             var n1 = $("#n1").val();
             var n2 = $("#n2").val();

             $.ajax({
                  url:"/index/",
                  type:"post",
                  data:{"n1":n1,"n2":n2,},
                  {#dataType:"json",#}
                  success:function (ret) {
                      //使用HttpResponse需要SON.parse
                      {#var aa=JSON.parse(ret);   #}
                      //使用JsonResponse不需要
                      $("#n3").val(ret.sum);

                  }
    })
        }
    )
</script>



</body>
</html>

htm

from django.conf.urls import url
from django.contrib import admin

from app01 import views

urlpatterns = [
    url(r‘^admin/‘, admin.site.urls),
    url(r‘^index/‘, views.index),
]

urls.py

以上是关于ajax请求实例（看了很多都没人实例，有的写了还不能运行，急死宝宝）的主要内容，如果未能解决你的问题，请参考以下文章

AJAX请求类实例代码

AJAX跨域请求数据

原生AJAX请求实例教程

HTTP面试题：HTTP请求报文和响应报文格式

JSONP的诞生原理及应用实例

jquery ajax请求简单实例