ajax请求data数据格式

最新推荐文章于 2024-07-30 08:20:42 发布
最新推荐文章于 2024-07-30 08:20:42 发布
阅读量1k 收藏
点赞数 1

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>     

    <form id="login"  method="post" action="result.jsp">

        <input name="user" type="text"/>

        <input name="sex" type="radio" value="man"/>

        <input name="sex" type="radio" value="woman"/>

        interest:

        <input type="checkbox" name="interest" value="piu">PIU

        <input type="checkbox" name="interest" value="dss">DSS

        <input type="checkbox" name="interest" value="ddr">DDR<br>  

        <input type="button" name="submit" value="submit" onclick="getFormInfo();"> 

    </form>

    <script type="text/javascript" src="./../js/jquery.min.js"></script>

    <script type="text/javascript" src="serializeJSON.js"></script>

    <script type="text/javascript" src="test.js"></script>

    <script type="text/javascript">

    //第一种写法（拼接URL）

    function getFormInfo(){

        var name='wen';

        var user='chen';

        $.ajax({

         url: "/login/authenticate?name="+name+"&user="+user,

         type: "POST",

         data:{},

         dataType: "json",

         success: function(data){

             

          },

          error:function(err){

            console.log(err.statusText);

            console.log('异常');

          }

        });

    }

    //第二种写法（表单序列化为json数据）

    function getFormInfo(){

        var params=$('#login').serializeJSON();

        console.log(params);

        $.ajax({

         url: "http://192.168.10.32:6833/login/authenticate",

         type: "POST",

         data:params,

         cache:false,

         dataType: "json",

         success: function(data){

             

          },

          error:function(err){

          }

        });

    }

    // 第三种写法（表单序列化为字符串）

    function getFormInfo(){

        var params=$('#login').serialize();

        console.log(params);

        $.ajax({

         url: "http://192.168.10.32:6833/login/authenticate",

         type: "POST",

         data:params,

         cache:false,

         dataType: "json",

         success: function(data){

             

          },

          error:function(err){

          }

        });

    }

    //第四种写法（带json数据）

    function getFormInfo(){

        $.ajax({

         url: "http://192.168.10.32:6833/login/authenticate",

         type: "POST",

         data:{

            name:'chem',

            user:'wen'

         },

         cache:false,

         dataType: "json",

         success: function(data){

             

          },

          error:function(err){

          }

        });

    }

    //第五种写法（拼接data）

    function getFormInfo(){

        var name='chen';

        var user='wen';

        $.ajax({

         url: "http://192.168.10.32:6833/login/authenticate",

         type: "POST",

         data:'name='+name+'&user='+user,

         cache:false,

         dataType: "json",

         success: function(data){

             

          },

          error:function(err){

          }

        });

    }

    //第六种写法（既有全部直接获取表单中的数据又有单独出来的数据）

    function getFormInfo(){

        var params=$('#login').serializeJSON();

        console.log(params);

        params.height='20';

        $.ajax({

         url: "http://192.168.10.32:6833/login/authenticate",

         type: "POST",

         data:params,

         cache:false,

         dataType: "json",

         success: function(data){

             

          },

          error:function(err){

          }

        });

    }

    </script>

</body>

</html>

magicianjun
关注
ajax 的data,ajax请求的data数据格式
weixin_34357232的博客
08-05 8444
ajax提交data类型一、问题来源今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。二、概念ajax有三种传递传递data的方式：json格式json字符串格式标准参数模式1.json格式形如：{“username”:”chen”,”nickname”:”alien”}ajax：$.ajax({ty...
ajax请求返回的数据格式,ajax请求服务器返回json数据格式
weixin_29377233的博客
08-06 1141
ajax请求服务器返回json数据格式 内容精选换一换消息请求返回的状态码如下表所示。使用API数据源，您可以通过调用一个第三方的REST(Representational State Transfer)API获取源数据，，该REST API响应结果中的HTTP body体就是源数据，DLV可以解析响应结果中的源数据并将其直接展示在大屏上。您无需创建数据连接，可以直接在大屏编辑页面的数据面板中配置...
ajax请求时data数据格式
yipianye0510的博客
06-01 892
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210...
AJAX中data的三种格式的特点分析
chenyu_Yang的博客
07-30 334
还能向后台提交一个参数名对应多个参数值的数据，常用于多项删除和导出等操作。劣势：操作麻烦，请求前要进行字符串的拼接，且只能向后台提交字符串类型的数据。劣势：只能向后台提交一个参数名对应一个参数值的字符串类型的数据。优势：不但能提交字符串数据，还能提交二进制数据，常用于递交文件。优势：不但能够向后台提交一个参数名对应一个参数值的数据，格式：data:k1=v1&k2:v2&....优势：结构简单，常用于查询，修改，新增等操作。对象，以传递.xls文件为例。劣势：操作更加复杂。
ajax 请求的打他数据格式————ajax遇到的问题（一）
qq_27628085的博客
07-05 209
ajax提交data类型 一、问题来源 今天在使用ajax时发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。 二、概念 ajax有三种传递传递data的方式： json格式 json字符串格式 标准参数模式 1.json格式 形如： {“username”:”chen”,”nickname”:”ali...
ajax数据请求的基本格式【ajax】
产业傻根儿
09-13 501
先看一段代码 $.ajax ({ url: '/project0001/modifyPatientBaseInfo', type: "get", data: { "patient_id":$('#patient_id').textbox('getValue').toString(), "patient_name":$('#patient_name').textbox('getValue').toString(), }, ...
ajax中data的格式
HQqHQhqqhq的博客
10-14 1221
ajax中data的格式
ajax-data-model:ajax 通用数据请求处理模型。提供 ajax 请求、数据缓存、通用性接口约定处理等能力
05-28
ajax 数据请求模型封装。在 ajax 请求的生命周期过程中，实现基于项目约定的通用行为操作。 特性 umd 支持 memory/sessionStorage/localStorage 级数据缓存支持 Promise thenable 风格的 API 调用 基于接口约定的...
如何将ajax请求返回的Json格式数据循环输出成table形式
12-03
本问题主要探讨如何使用Ajax请求获取Json格式的数据，并将其循环输出到HTML表格（table）中。这里我们将详细介绍整个流程，包括Ajax请求、Json数据处理以及HTML元素的动态构建。 首先，Ajax是Asynchronous ...
Jquery+ajax请求data显示在GridView上(asp.net)
12-12
在这个示例中，我们看到如何通过jQuery的AJAX请求获取数据，并将结果填充到GridView中，同时提供加载进度指示器以提升用户体验。 首先，我们来看`AJAXLoadProgressForm.aspx`页面中的JavaScript部分。这段代码包含...
Ajax请求中data与后端的交互
Smallc0de的博客
08-05 3146
前言 本篇介绍Ajax在前端获取数据，然后传递数据给后端交互的几种例子。本篇的介绍是Idea+Springboot+JSP web的组合。Ajax提交数据非常的方便，可以把整个表单化为一个json体往后台传递。但是很多时候，我们并不希望用整个表单的数据，或者不希望使用表单，因此这篇博客将会讲述，多种情况下的提交方式。笔者一般习惯使用on()方法启动控件，因为这样比较灵活，所以例子自然也是用这种方法写的。当然千人千面，大家参考怎么使用Ajax就行了。 有表单的前端页面 第一类例子是有表单的提交方式，假设名字叫
ajax与后端交互,Ajax请求中data与后端的交互有哪几种方法
weixin_42360778的博客
08-05 750
前言Ajax提交数据非常的方便，可以把整个表单化为一个json体往后台传递。但是很多时候，我们并不希望用整个表单的数据，或者不希望使用整个表单。有表单的前端页面第一类例子是有表单的提交方式，假设名字叫做page1.jsp。1234567然后要有一个controller类控制。@Controller@RequestMapping("/ajax")publicclassAjaxController...
Ajax data数据格式
liangzhuangdongtou的专栏
09-06 1001
1.当传递的值为int&string类型时： function GetDepartment(s) {//获取部门名称                 var ajaxDepartment = $.ajax({                     type: "Post",                     data: "{\"BillNO\": '" + s + "'}",
first-child或者nth-child(1) 不起作用的原因
菜鸡的博客
05-21 1550
子元素的指定选择器。
html四个伪类使用的效果,详解如何使用CSS3伪类选择器：nth-child()【原创】
weixin_29332779的博客
06-05 800
CSS3的出现无疑给前端开发人员带来了巨大的优势，今天我们着重介绍CSS3中一个新出现的强大伪类选择器：nth：child()；为了方便大家理解，我今天会通过展示曾经做过的项目页面，让大家直观清晰的了解这一伪类选择器的功能和使用技巧1.首先大家了解下该伪类的语法法： ：nth-child(an+b)ps:可惜的是该伪类选择器不支持ie浏览器，当要兼容ie浏览器的时候，我们只有每一个li...
01-邂逅html
weixin_46035920的博客
02-01 77
html的学习日志（感谢coderwhy的视频）
:nth-child()选择器用法
weixin_51109349的博客
11-12 8656
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。 . . :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 公式 (an + b)。 描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。 1. :nth-child(2) 获取到第二个标签 2.:nth-child(2n) 选取偶数标签，等同于:nth-child(even) 3.:nth-ch
CSS3 :nth-child(n)使用注意
热门推荐
IT技术宅-北方的刀郎
02-07 4万+
:nth-child(n) ---->选中某个元素，该元素必须是某个父元素下的第n个子元素； p:nth-child(n) ---->选中p元素，且该p元素必须是某个父元素下的第n个子元素 注意：n是从1开始的 如下代码，p:nth-child(1)，只会选中第二个div中第一个子元素p; 不会选中第一个div中的第一个p，因为第一个div中第一p元素不是第一个子元素
JQuery_JQuery选择器(:nth-child(n))详解
迎难而上
03-04 4925
jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素，将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择器，用于匹配作为父元素下的倒数第n个(或符合特定倒数顺序的)子元素。 注意：:nth-child(n)选择器与:eq(index)选择器的不同之处在于： :eq(index)选择器只匹配一
ajax请求网页数据的格式
最新发布
08-16
AJAX (Asynchronous JavaScript and XML) 请求通常用于在不刷新整个页面的情况下从服务器异步获取数据。它返回的数据格式主要有两种： 1. JSON (JavaScript Object Notation)：这是最常见的格式，JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。当服务器返回JSON数据时，前端可以通过JavaScript的`XMLHttpRequest`对象的`responseType`设置为`json`来直接解析为JavaScript对象。 示例: ```javascript $.ajax({ url: 'api/data', type: 'GET', dataType: 'json', // 表明预期的响应类型是JSON success: function(data) { console.log(data); } }); ``` 2. XML (Extensible Markup Language)：虽然现在JSON更受欢迎，但在早期的AJAX应用中，XML也常被使用。XML数据通常会通过`application/xml`或`text/xml`的`contentType`发送，并使用如`jQuery.parseXML`来解析。 示例: ```javascript $.ajax({ url: 'api/data.xml', type: 'GET', contentType: 'application/xml', success: function(xmlData) { var xmlDoc = $(xmlData).find('data'); } }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值