这次给大家带来怎样用Ajax提交表单并接收其中的json数据,用Ajax提交表单并接收其中json数据的注意事项有哪些,下面就是实战案例,一起来看一下。

需求:

实现点击按钮后,数据以表单形式提交至服务器,并接收来自服务器的返回数据。过程中页面不刷新。

html代码

xingming:

nianling:

ajax提交

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

$name = $_POST['xingming'];

$age = $_POST['nianling'];

$myarray = array("name"=>$name, "age"=>$age);

$myjson = json_encode($myarray);

echo $myjson;

?>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

php接收ajax的表单数据,怎样用Ajax提交表单并接收其中的json数据相关推荐

  1. c 抓取ajax异步数据,用requests.post提交表单抓取异步ajax信息失败

    python爬虫之后,为什么出现了信息不一致,在浏览器中直接查看的信息与最后经过爬虫之后数据不一致. 代码 import requests from bs4 import BeautifulSoup ...

  2. php表单退出怎么写,PHP提交表单失败后如何保留填写的信息

    [导读]本文章来给各位同学介绍PHP提交表单失败后如何保留填写的信息一些方法总结,最常用的就是使用缓存方式了,这种方法如果网速慢是可能出问题的,最好的办法就是使用ajax了.1.使用header头设置 ...

  3. 如何异步提交表单 如何异步跨域提交表单

    1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 代码: 使用 jQuery 异步提交表单 <html xmlns="http ...

  4. java mvc中重复提交表单,spring mvc 防止重复提交表单的两种方法,推荐第二种

    第一种方法:判断session中保存的token 比较麻烦,每次在提交表单时都必须传入上次的token.而且当一个页面使用ajax时,多个表单提交就会有问题. 注解Token代码: package c ...

  5. 表单元素聚焦状态回车提交表单问题小记

    表单元素聚焦状态回车自动提交表单问题 情景 多个表单元素且有个button的type没有写,或者写了type=submit; 当表单只有一个元素 方案 问题1: 将button 加上type=butt ...

  6. php如何防止重复提交表单,如何防止php重复提交表单方法

    解读:Token一般用在两个地方--防止表单重复提交.anti csrf攻击(跨站点请求伪造). Token,就是令牌,最大的特点就是随机性,不可预测.两者在原理上都是通过session token来 ...

  7. ajax传json数据到后端struts,js与struts如何通过aja以json数据形式进行数据传输

    ajax已经是web开发的必选框架之一,而json更是在ajax通过解析xml来传输数据方面有了更好的发展,下面我就以自己做web开发的浅薄经验介绍一下js与struts 如何通过aja以json数据 ...

  8. JS表单的获取、表单元素的获取、提交表单

    获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...

  9. json模拟数据怎么用_在使用axios获取自己模拟的json数据是踩到的坑

    最近在使用Vue仿写一个网易云音乐的单页面应用,当页面布局什么的写完后,然后就准备用axios获取后台数据渲染页面了,当然,我自己写的,并没有后台,所以,我就自己写json文件,然后弄proxy代理什 ...

  10. mvc ajax提交多选,javascript – 如何使用Jquery AJAX调用MVC Action然后在MVC中提交表单?...

    在我的MVC视图我有按钮: 当我点击这个按钮我需要调用一个动作,做一些东西,然后提交我的表单. 我有这个jQuery: $('#btnSave').click(function () { $.ajax ...

最新文章

  1. java8 group by_java8新特性Java 8 – Stream Collectors groupingBy 示例 - Java教程
  2. 如何在 Linux 中创建一个共享目录
  3. leetcode 3.无重复字符的最长子串(中等)
  4. 【前端】你打console.log要花几秒?
  5. ITK:在二进制映像中标记Connect组件
  6. 让oracle做定时任务【转】
  7. 1亿条数据如何分表100张到Mysql数据库中(PHP)
  8. pytorch 查看当前学习率_pytorch实现查看当前学习率
  9. python之Map函数 reduce 函数
  10. CTF-MISC杂项题2
  11. python docker_Docker实践:python应用容器化
  12. dispatcherServlet 真正处理请求的源码解析
  13. linux bash学习(一)
  14. Max Script|加密写法
  15. linux软件安装文档总结
  16. 基于vue的房屋中介管理系统
  17. 美国7月份CPI价格指数上涨8.5%不及市场预期 美联储加息的压力减轻
  18. 计算机教师继续教育心得,教师继续教育学习培训心得体会(精选5篇)
  19. AWS中负载均衡器类型
  20. 高通骁龙MSM8916核心板 ARM Cortex-A53 四核 中文资料

热门文章

  1. 软件测试总结--01基础
  2. Android 两个App间进行IPC通信
  3. Spring ——《第一章》Spring的基本应用
  4. MTK平台调试LCD步骤浅析
  5. rk3399固件烧录方法介绍
  6. C++公有、私有、保护继承的关系
  7. adb命令查看报名和查看手机分辨率
  8. LeetCode 242 Valid Anagram
  9. 7-7自动色阶/自动对比度/自动颜色
  10. linux mysql 卸载,安装,测试全过程