分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jQuery_serialize的用法

发布时间:2023-09-06 01:25责任编辑:郭大石关键词:jQuery

jQuery_serialize用于在前端要传很多值往后端的时候:

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<title>Title</title> ???<script src="/static/jquery-3.2.1.min.js"></script></head><body><form name="myForm" action="http://www.365mini.com" method="post"> ???{% csrf_token %} ???<input name="uid" type="hidden" value="1" /> ???<input name="username" type="text" value="张三" /> ???<input name="password" type="text" value="123456" /> ???<select name="grade" id="grade"> ???????<option value="1">一年级</option> ???????<option value="2">二年级</option> ???????<option value="3" selected="selected">三年级</option> ???????<option value="4">四年级</option> ???????<option value="5">五年级</option> ???????<option value="6">六年级</option> ???</select> ???<input name="sex" type="radio" checked="checked" value="1" />男 ???<input name="sex" type="radio" value="0" />女 ???<input name="hobby" type="checkbox" checked="checked" value="1" />游泳 ???<input name="hobby" type="checkbox" checked="checked" value="2" />跑步 ???<input name="hobby" type="checkbox" value="3" />羽毛球 ???<input name="btn" id="btn" type="button" value="点击" />{#<button class="send_ajax">send_Ajax</button><span class="login_error"></span>#}<script> ???$("#btn").click(function () { ???????$.ajax({ ???????????url:"/demo2/", ???????????type:"POST", ???????????data:$("form").serialize(), ???????????success:function (data) { ???????????????alert(data) ???????????} ???????}) ???})</script></body></html>

后端代码:

jQuery_serialize的用法

原文地址:http://www.cnblogs.com/52-qq/p/7834439.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved