jQuery与django传参

Get方式传参

Django中的代码如下:

  • urls.py代码:
from django.conf.urls import url
from django.contrib import admin
import AjaxTest.views

urlpatterns = [
    url(r‘^admin/‘, admin.site.urls),
    url(r"^index/$",AjaxTest.views.index),
]
  • views.py代码:
from django.http import HttpResponse

def index(req):
    print req.GET.get(‘url‘)
    if req.GET.get(‘url‘)==‘test‘:
        return HttpResponse("hello,this is a test")
    else:
        return HttpResponse("hahahaha")

jQuery中的代码如下:

  • 方式1:
$("input").click(function() {
	$.get("/index/?url=test", function (response, status, xhr) {
		$(".box").html(response);
	});
});
  • 方式2:
$("input").click(function() {
    $.get("/index/", "url=test", function (response, status, xhr) {
        $(".box").html(response);
    });
});
  • 方式3:
$("input").click(function() {
	$.get("/index/",{
		url:"test"
	},function(response,status,xhr){
		$(".box").html(response);
	});
});

  

 

时间: 2024-10-10 08:07:51

jQuery与django传参的相关文章

2015/10/19总结:ajax传参、jquery.validate自定义日期校验

以下内容仅来自于日常实践零碎回顾.总结,不保证正确性,欢迎路过的大神指点指点! 1.这几天一直在写jsp前端页面,了解到前端与后端数据交互数据有两种.一种是form 的submit方式提交,这种方法可以在表单里通过声明属性:method = 'post'声明表单提交的方式(要与后台的controller的RequestMethod属性对应),  action = ‘ url’声明表单提交后跳转的页面(好像采用这种方式一般都要跳转页面).另一种方式就是通过ajax提交,ajax提交和响应的数据方式

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转.传参(selected的值和页面其它元素的值) 代码如下: <script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document

Jquery select change 页面跳转 传参

<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#mySelect').change(function(){ $('#show_select

jquery和highcharts折线图、柱形图、饼状图-模拟后台传参源码

js代码: <script type="text/javascript"> $(function(){ showLine(); showColumn(); showPie(); }); function showPie(){ jQuery.ajax({ type: "get", url: "csylLine.json", async: false, dataType: "json", success:functio

【HTML】Jquery前台传参及接收

在一些网页应用中,有的时候需要前台之间传递参数,通过JS语法来做一些判断处理. 发送端:(a页面) <a href="b.html?Show=true" id="toPageB">跳转到b页面</a> PS:其中的问号后面的 show=true就是传递的参数名称及值. 接收端:(b页面) //通过准则表达式来获取对用的值 function getURLParameter(name) { return decodeURIComponent((n

1218 组件分类,组件传参

目录 昨日内容 组件 1.概念 2.组件分类 特点 根组件 局部组件 全局组件 3.组件传参 父传子 子传父 作业 Vue项目环境的搭建 Vue项目环境搭建 Vue项目创建 pycharm配置并启动vue项目 vue项目目录结构分析 vue组件(.vue文件) 全局脚本文件main.js(项目入口) 改写 Vue基础总结 昨日内容 """ 1.表单指令: v-model="变量" 变量与value有关 普通:变量就代表value值 单选框:变量为多个单选框

JS完成页面跳转并传参的方法|附加:循环遍历对象

此方法只能传递较少参数 方法如下: <a href='page/index.html'>跳转</a> 以上是正常写法,如果要传参按一下写法: <!--参数写在?后面,多个参数用&隔开,下面传的参数为name=lemon,age=18--> <a href='page/index.html?name=lemon&age=18'></a> 当跳转到页面的时候这个页面的地址栏就会跟你写的那个一样,这时候你只需要获取地址栏的内容并进行采取

AngulaJS路由 ui-router 传参

在这里分享我做的一个使用ui-router 传参的小demo 1.首先第一步设置入口文件index.html,注意加载的顺序,先加载包,再加载自己写的控制器. <!doctype html> <html lang="en" ng-app="routerApp"> <head> <meta charset="utf-8"> <meta name="viewport" cont

支持多文件上传的jQuery文件上传插件Uploadify

支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Flash,主要特性:支持多文件上传.HTML5版本可拖拽上传.实时上传进度条显示.强大的参数定制功能,如文件大小.文件类型.按钮图片定义.上传文件脚本等. Flash版本使用方法: 1.加载JS和CSS ? 1 2 3 <script src="jquery/1.7.1/jquery.min.js