分享web开发知识

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

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

ajax 提交表单的方法2

发布时间:2023-09-06 01:09责任编辑:苏小强关键词:暂无标签

网上学习查找链接:

帝国CMS任意表单基于Jquery AJAX提交,提高用户体验,http://www.j007.com/bangzhu/yingyongjiqiao/15.html

这个我就不写form的html代码了,

直接怼js代码吧:

首先记得引入jquery

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
 ???????$(function(){ ???????????var form = $(‘form[name="form的name属性值"]‘); //这里根据你的当前页面的表单名称,改成相应的 ???????????var url = ‘这个是提交的地址‘; ??????????????????//AJAX提交地址 ???????????form .submit(function(){ ????????????????????//提交动作 ???????????????var data = form.serialize(); ????????????//表单数据(序列化表单值,创建 URL 编码文本字符串) ???????????????$.post(url,data,function(html){ ?????????//jquery的post方法 ???????????????????var message = $(‘b‘,html).text(); ???//在返回页面中找到HTML代码为<b>的文本文字。 ???????????????????alert(message); ?????????????????????//弹出提示信息 ???????????????????$("input").val(""); ?????????????????//清空表单元素 ???????????????}); ???????????????return false; ???????????}) ???????})

ajax 提交表单的方法2

原文地址:http://www.cnblogs.com/thongyan/p/7478479.html

知识推荐

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