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

原文地址:https://www.cnblogs.com/Hale-wang/p/11695699.html

时间: 2024-11-09 00:41:05

ajax请求实例(看了很多都没人实例,有的写了还不能运行,急死宝宝)的相关文章

ajax请求 400 Bad Request, 然后就没进后台方法!

原因可能是 ajax提交表单的data中实体的字段没有值(表单中无值填充的问题) 导致前台就已经报错了! 需要注意的字段类型 double  date  int .. 我就是因为这个double  , 提交表单若没有值就默认在页面给它赋个值就没事了... 原文地址:https://www.cnblogs.com/dravenT1/p/9188535.html

[开源] jQuery 插件,利用‘localStorage’ 对 jQuery AJAX进行缓存,优化页面ajax请求

jquery-ajax-cache 源码地址:https://github.com/WQTeam/jquery-ajax-cache jQuery插件——利用‘localStorage’ 和 ‘sessionStorage’ 对 jQuery AJAX 请求进行缓存. 首先说明下在什么场景下需要用到缓存ajax请求到localstorage中.都知道浏览器本身对http请求就是有缓存策略的,但是这种缓存方式两个缺陷:1.只能缓存get请求 2.同时缓存的设置都在后端响应的报文头部指定.(PS:现

判断 是否是 AJAX请求

很多用到AJAX请求,如何区别一个请求是传统的HTTP请求?还是Ajax请求?网上有很多,这里记录一下,方便以后直接查看,懒人计划, 关键是看http请求头(header)信息中的 x-requested-with 信息项是否有无,如果无该头信息项,取出的是未定义的值,即null,则说明是传统请求:如果存在该头信息项,值是XMLHttpRequest 则说明是Ajax请求: 在JAVA WEB项目,比如在Server端的JSP中判断如下: if (request.getHeader("x-req

异步ajax请求数据处理

jQuery.ajax(url,[settings]) 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest  对象.大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性. 最简单的情况下,$.ajax()可以不带任何参数直接使用. 注意,所有的选项都可以通过$.ajaxSetup()函数来全局设置. 回调函数 如果要处理$.aj

ajax请求返回map,并遍历

最近老用到ajax请求数据,但是每次都遇到一点梗,浪费了些许时间,所以记录下来. $.ajax({ type: "POST", url: "<%=path%>/account/queryRolesAndGroups.action", data: "enterpriseId="+eid, success: function(msg){ var obj=eval("(" + msg + ")");

没人看系列----css 随笔

目录 没人看系列----css 随笔 没人看系列----html随笔 前言 没什么要说的就是自己总结,学习用的如果想学点什么东西,请绕行. CSS (Cascading Style Sheets)层叠样式表 引入方式 1.行内式 行内式是在标签的style属性中设定CSS样式. <div style="width:200px;height:100px;border:1px solid black;"></div> 2.嵌入式 嵌入式是将CSS样式集中写在网页的&

ajax 请求php 报错404 但脚本能够正常输出数据 问题的解决方法

1.场景 ajax请求php脚本返回404状态码,但php脚本能够输出数据,导致ajax的的回调函数无法继续执行. 排查过程: 1.怀疑是自己写的框架有问题,在浏览器窗口中请求ajax的请求脚本路径,页面能够正常打开. 2.写个php脚本,直接输出一个json格式的字符串,用ajax请求,依旧返回状态码为404. 3.写个html页面用ajax请求,返回状态码为405. 4.排查nginx配置参数,发现fastcgi配置存在问题. 解决方法: location ~ \.php$ { root h

以前一张执照100万,现在1万没人要

这个行业曾经被认为闭着眼睛都能赚钱,在2000年左右迎来了发展的黄金期,但现在却逐渐走向没落,不得不直面艰难转型之路.万千网吧主.网咖主如案板上的鱼,正经历时代变迁之刃. 一 "原来还指望这网吧转让费能多赚点利润的,现在网吧的日子越来越不好过了." 卢女士忧虑地说. 2014年,俗称"网吧新规"的"促进互联网上网服务行业健康有序发展"相关通知发布,成为网吧行业发展的分水岭.这标志着网吧审批的准入许可等方面门槛降低,以往一张网吧审批执照"

[面试没答上的问题1]http请求,请求头和响应头都有什么信息?

最近在找工作,面试官问了一些问题自己并没有回答上,这里做一个小结. http请求,请求头和响应头都有什么信息? 页面和服务器交互最常见的方式就是ajax,ajax简单来说是浏览器发送请求到服务端,然后服务端返回数据,常见的请求头和响应头如下图所示. 先看通用信息,通用信息有三个字段: 请求url, 请求方法, 状态码, 远程地址. 看下请求头Request Headers, Accept : 指定客户端能够接收的内容类型,内容类型中的先后次序表示客户端接收的先后次序.在Ajax代码中,可以使用X