需求:

实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据。过程中页面不刷新。
html代码
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="./testajaxjs.js"></script> <head> </head> <body> <form id="form1"> <p>xingming:<input type="text" name="xingming"/></p> <p>nianling:<input type="text" name="nianling"/></p> </form> <button type="button" id="mybt" onclick="mysubmmit()"> ajax提交 </button> </body> </html>
js代码
function mysubmmit(){
$.ajax({
type: "POST",
url: "testajaxend.php",
data: $('#form1').serialize(),
async: false,
success: function(databack){
//console.log("chenggong");
console.log(databack);
},
error: function(request){
console.log("shibaile");
}
});
}
后端php代码
<?php
$name = $_POST['xingming'];
$age = $_POST['nianling'];
$myarray = array("name"=>$name, "age"=>$age);
$myjson = json_encode($myarray);
echo $myjson;
?>
以上所述是小编给大家介绍的Ajax提交表单并接收json实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
# ajax
# 提交表单
# 接收json
# 原生JS封装ajax 传json
# str
# excel文件上传提交表单(推荐)
# 使用Ajax、json实现京东购物车结算界面的数据交互实例
# AJAX跨域请求JSONP获取JSON数据的实例代码
# PHP封装返回Ajax字符串和JSON数组的方法
# ajax响应json字符串和json数组的实例(详解)
# 表单
# 小编
# 在此
# 给大家
# 所述
# 给我留言
# 感谢大家
# 过程中
# 后端
# 疑问请
# 有任何
# script
# src
# Type
# https
# text
# content
# UTF
# charset
# cdn
相关文章:
网站制作大概要多少钱一个,做一个平台网站大概多少钱?
如何快速搭建高效WAP手机网站吸引移动用户?
建站之星客服服务时间及联系方式如何?
建站之星Pro快速搭建教程:模板选择与功能配置指南
如何在宝塔面板中创建新站点?
已有域名如何快速搭建专属网站?
北京网页设计制作网站有哪些,继续教育自动播放怎么设置?
音乐网站服务器如何优化API响应速度?
胶州企业网站制作公司,青岛石头网络科技有限公司怎么样?
教育培训网站制作流程,请问edu教育网站的域名怎么申请?
宝华建站服务条款解析:五站合一功能与SEO优化设置指南
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
交易网站制作流程,我想开通一个网站,注册一个交易网址,需要那些手续?
如何通过商城免费建站系统源码自定义网站主题?
武清网站制作公司,天津武清个人营业执照注销查询系统网站?
婚礼视频制作网站,学习*后期制作的网站有哪些?
如何用搬瓦工VPS快速搭建个人网站?
实现点击下箭头变上箭头来回切换的两种方法【推荐】
南平网站制作公司,2025年南平市事业单位报名时间?
如何快速搭建高效WAP手机网站?
齐河建站公司:营销型网站建设与SEO优化双核驱动策略
大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?
如何在企业微信快速生成手机电脑官网?
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?
建站之星如何取消后台验证码生成?
如何用美橙互联一键搭建多站合一网站?
品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?
如何用虚拟主机快速搭建网站?详细步骤解析
网站制作费用多少钱,一个网站的运营,需要哪些费用?
如何在建站主机中优化服务器配置?
如何选择建站程序?包含哪些必备功能与类型?
建站主机是否等同于虚拟主机?
宝塔建站教程:一键部署配置流程与SEO优化实战指南
如何挑选优质建站一级代理提升网站排名?
广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网?
韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐
建站之星价格显示格式升级,你的预算足够吗?
如何制作网站标识牌,动态网站如何制作(教程)?
深圳网站制作案例,网页的相关名词有哪些?
如何高效利用亚马逊云主机搭建企业网站?
建站之星安装路径如何正确选择及配置?
上海网站制作网站建设公司,建筑电工证网上查询系统入口?
Python lxml的etree和ElementTree有什么区别
大连网站设计制作招聘信息,大连投诉网站有哪些?
三星网站视频制作教程下载,三星w23网页如何全屏?
专业网站建设制作报价,网页设计制作要考什么证?
深圳网站制作公司好吗,在深圳找工作哪个网站最好啊?
建站之星官网登录失败?如何快速解决?
用v-html解决Vue.js渲染中html标签不被解析的问题
沈阳制作网站公司排名,沈阳装饰协会官方网站?
*请认真填写需求信息,我们会在24小时内与您取得联系。