使用AJAX/JSON | PHP、HTML在value="“内传递数组数据，用':‘分隔 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

向php提交数据及json

ajax简介：使用ajax 通过后台服务器进行少量的数据库交换，网页可以实现异步、局部更新利用ajax也有这两种方式，但这两中有很大的差别，使用ajax的post，在php echo的东西返回到...js提交数据的ajax那儿的是数据，一般用于返回处理某件事的结果(如：向数据库插入数据后，将结果返回，然后通过js或jquery对html上的DOM结构进行操作)；注:不能跳转到该文件，(若跳转，则该文件中接收不到数据...) 使用ajax的get，在php 中 echo 的东西会返回一个html页面直接在当前输出，可以用js直接跳转到当前php文件。...那边接收的时候，还是用$_GET 或$_POST　这两个全局数组接收然后把要返回去的数据用echo输出 json数据类型：简介： JSON(JavaScript Object Notation...每个“名称”后跟一个“:”，“‘名称/值’对”之间使用“，”分隔。　　2、数组是值（value）的有序集合。一个数组以“[”开始，“]”结束。值之间使用“，”分隔。

3.1K3 0

JQuery-命令速查-CheatSheet

extra arg when ajax finished/succeed .each()的使用获取数据 substr 获得子字符串得到选中的 option 的内容控件相关 select...相关 AJAX 传递额外参数-pass extra arg when ajax finished/succeed (function(v){ $.ajax({ url: '...test.php 返回值(HTML 或 XML，取决于返回值)： $.get("test.php", function(data){ alert("Data Loaded: " + data);...可能的类型：- "xml"- "html"- "text" - "script" - "json" - "jsonp" ---- JQuery-AJAX-Post-Json var json = {...由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到函数的额外数据。 function 必需。规定当事件发生时运行的函数。

11K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

JQuery 入门学习(三)

ajax使用get请求向服务器请求html内容又回到我们开始的那个例子，判断用户名是否存在。比如我们服务器上有这样一个文件nameexists.php: 传递，有些对象却并不那么容易传递，比如数组。我们怎么把一个数组对象通过QQ发送给别人？ ...对，其实这就是一种数据交换格式，不过这仅仅是php里定义数组的语法，如果B不懂php，他也许就看不懂你给他发送是这个是什么意思。所以就诞生了json和xml两种通用的数据交换格式。...我说了json是一个通用的数据交换编码，所以在php里也有方法把对象处理成json字符串。...大家可以试验，点击了按钮后，打印出了php中定义的数组内容。php端两行代码，定义了一个数组，并用json_encode把数组做成一个json编码的字符串输出。

9.8K2 0

跨域

在浏览器输入localhost:8080，结果成功获取ajax数据 ? 我把ajax请求地址改成http://a.com:8080/getWeather，结果报错了 ?...但这里有个问题，数据是 JSON 格式的数据，直接作为 JS 运行的话我如何去得到这个数据来操作呢？...),将数组转换为以‘,’分隔的字符串【1,2,3】=>'1,2,3'。...如果我不用json.stringify传递的news就是一个字符串，html里面就无法当成数组使用 ?...两者相等，正常的获取数据 ? 当我使用了a.com打开index.html时（我修改了host文件让a.com也指向127的本机服务器地址），出现了报错。因为服务器不允许a.com的网页使用资源 ?

2.6K2 0

通过ajaxreturn jquery json提交form

只不过需要将包含多个name-value形式json对象的json数组改写成'first_name':'Hello'形式的json对象。..."mobileIpt","value":"110"}, {"name":"birthday","value":"2012-11-11"} ] 样例代码使用异步在收到后台返回数据的时候，交给js代码处理...整个过程是： 1.在php中编写页面中的表单、提交按钮等； 2.在js中对php中的按钮事件添加校验和触发函数，在js函数内，如果js对象的格式和内容正确就向控制器url（php中初始化）发起ajax请求...用click事件触发然后用$.ajax提交，在逻辑上更简单清晰，所以why not？ jquery提交之后，success 或者error都失效了，必须使用ajaxReturn....并且支持JSON、XML和EVAL三种方式给客户端接受数据，通过配置DEFAULT_AJAX_RETURN进行设置，默认配置采用JSON格式返回数据，在选择不同的AJAX类库的时候可以使用不同的方式返回数据

5.9K3 0

初学者必看Ajax的总结

json 转换为对象格式用JSON.parse() 返回值一般为 json 字符串，可以用JSON.parse(xhr.responseText)转化为 JSON 对象从服务器传回的数据是 json...使用JSON.parse(xhr.responseText)转化为 JSON 对象 2、遍历得到的数组，向 DOM 中添加新元素 function example(responseText){ var...在客户端声明回调函数之后，客户端通过 script 标签向服务器跨域请求数据，然后服务端返回相应的数据并动态执行回调函数用 XMLHttpRequest 时，我们得到一个字符串；要用JSON.parse...，在 ajax 请求中，这种区别对用户不可见 GET 方式对传输数据有大小限制（通常不能大于 2KB），而使用 POST 方式传递的数据量要比 GET 方式大得多（理论不受限制） GET 方式请求的数据会被浏览器缓存起来...在 PHP 中，GET 方式用$_GET[]获取；POST 方式用$_POST[]获取;两种方式都可用$_REQUEST[]来获取总结使用load() 、$.get()和$.post()方法完成了一些常规的

3.7K4 0

Ajax

//如果出现中文也可以用encodeURIComponent方法转换 // POST方式的url不能在后面接字符串传递参数 xmlHttp.setRequestHeader("Content-type..."Microsoft.XMLHTTP"); 在IE低版本中ajax还有缓存的问题，解决这个问题，要url地址不断改变，不能为常量，即可解决 xmlhttp.open("GET","ajax.php?".../images/3.jpg" } } //在 JS 语言中，一切都是对象。因此，任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。...，使用冒号 : 分隔，然后紧接着值： "{"firstName": "Json"}" 这很容易理解，等价于这条 JavaScript 语句： {firstName : "Json"} //JSON 与...方法, 但是可以使用json2.js这个框架来兼容 json2.js下载地址： PHP基本JSON格式 echo file_get_contents(" JSON文件地址如(.

6.5K1 0

Ajax Step By Step5

【表单序列化】 Ajax 用的最多的地方莫过于表单操作，而传统的表单操作是通过 submit 提交将数据传输到服务器端。如果使用 Ajax 异步处理的话，我们需要将每个表单元素逐个获取才方能提交。...对比数据传输的差别： //常规形式的表单提交 $('form input[type=button]').click(function(){ $.ajax({ type:'POST', url:'test.php...方法为：使用表单序列化方法.serialize()，会智能的获取指定表单内的所有元素。这样，在面对大量表单元素时，会把表单元素内容序列化为字符串，然后再使用 Ajax 请求。...(); $('#box').html(json[0].value); }) 有时，我们可能会在同一个程序中多次调用$.ajax()方法。...; 在使用 data 属性传递的时候，如果是以对象形式传递键值对，可以使用$.param()方法将对象转换为字符串键值对格式。

1.1K2 0

Highcharts AJAX JSON JQuery 实现动态数据交互显示图表柱形图

还得继续 8.图表需要的数据方法 8.1 Controller 接受service传递json的字符串给页面 @RequestMapping(value...并转为json字符串数组 /** * highcharts用的 * @Title: chart * @Description: 直接转出JSON传递给前台页面接受 ...JSON字符串数组剩下就是在页面接受JSON并填充到highcharts图表里面 9.JS代码。...使用AJAX传递过来。并填充到highcharts里面即可。最后一步，也是最要人命的一步。一定要注意json字符串数组的解析。本人就是在这里纠结了半天多。怨自己没好好学习jquery。...和强大的JSON字符串。本人的json为所以在遍历的时候需要注意一下自己的list这个数组里面的数据。可以忽略这句话。是本人的失误。

2.7K6 0

前端架构师之01_JQuery

，返回结果是一个包含所选值的数组；当要为表单元素设置选中情况时，可以传递数组参数。...参数data表示将要传递给事件处理函数function的数据。参数type表示为元素添加的事件类型（多个用空格分隔）。参数over和out分别表示鼠标移入移出时的事件处理函数。...data表示传递的参数。参数fn表示请求成功时，执行的回调函数。参数type用于设置服务器返回的数据类型，如XML、JSON、HTML、TEXT等。...，在Ajax请求成功后，接收index.php返回的JSON格式的数据并在控制台进行输出。...请求并传递数据，接收返回结果 $.ajax({ type: 'GET url: 'index.php', data: {'id': 2, 'name': 'JS'}, success

3.1K0 0

HTTP协议学习

： JAVA => {JSON}=>html/js/css C# => {JSON}=>html/js/css php => {JSON}=>html/js/css 23.JSON与XML字符串格式概述...中可以表示，数字，bool,null,字符串，注意:字符串必须用双引号 (3).数组中可以包含多个值，使用逗号分隔 (4).对象中可以包含多个键值，使用逗号分隔，不同值，键和值之间用分号分隔 ,键必须是双引号...(arr); json_encode会将一个数组转换成json字符串，如果是PHP关联数组会转换为JSON:{}，如果是PHP索引数组会转换为JSON:[ ] ③.echo $str; (2).javascript...eval(‘(‘+str+’)’) obj＝>js数组 obj＝>js对象 26.AJAX处理xml数据格式 (1).html:超文本标记语言，所有标签都是预定义好的，用于描述一个网页结构. (2...，是一种字符串数据格式 JSONP：JSON with Padding，填充式JSON，与JSON完全两码事，是一种使用JSON数据的方式，意思是在JSON字符串左右添加函数名：doResponse({

7.4K1 0

一个小时学会jQuery

如果浏览器不支持，则使用一个函数来构建。JSON数据是一种能很方便通过JavaScript解析的结构化数据。...这种情况下，$.ajax()不再返回一个XMLHttpRequest对象，并且也不会传递事件处理函数，比如beforeSend。 5.3、发送数据到服务器默认情况下，Ajax请求使用GET方法。...也就是说，让回调函数内this指向这个对象（如果不设定这个参数，那么this就指向调用本次AJAX请求时传递的options参数）。...在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...注意：'''在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载) "json": 返回 JSON 数据。

22.4K7 1

Ajax第一节

我们现在通过ajax的确可以返回一些简单的数据（一个字符串）, 但是在实际开发过程中，肯定会会设计到大量的复杂类型的数据传输，比如数组、对象等，但是每个编程语言的语法都不一样。...数据在键值对中数据由逗号分隔(最后一个键值对不能带逗号) 花括号保存对象，方括号保存数组键使用双引号 var obj = {a: 'Hello', b: 'World'}; //这是一个对象...，解析完成后就能很方便的使用了 php处理json php关联数组 ==> json ( json_encode ) // php的关联数组 $obj = array( "a" => "hello...php对象/关联数组 ( json_decode ) $json = '{"a": "Hello", "b": "World"}';//json字符串 //第一个参数：json字符串 //第二个参数：...{key:value,key1:value2} 需要把这个对象拼接成参数的格式 uname=hucc&upass=12345 dataType string 返回的数据类型 xml/json/text

4.9K2 0

Ajax全接触-imooc

URL传递参数，用来查询，不会影响数据本身，一般不用GET新建和修改操作，发送的信息对任何人都是可见的，所有的变量名和值都显示在URL当中，发送信息的数量限制在2000个字符。...实例运行PHP XAMMP，https://www.apachefriends.org/download.html 在Dreamweaver中配置web服务器用于本地测试一个小的实例DEMO，放到本地服务器环境访问...; } JSON 概念：JavaScript对象的表示方法描述数据。JSON是存储和交换文本信息的语法，类似XML。...对象，staff是这个JSON对象的键，它的值是一个数组，数组里面是三个对象，每个对象有两个属性，一个name属性，一个age属性。 ...，返回的JSON作为参数传入回调函数中，通过回调函数操作数据。

6.8K2 0

Promise简单学习使用

，得到一个对象返回对象，对象中有一个方法procedure() 定义procedure()方法，传递参数：type状态类型，handler处理器数组，result结果获取到处理函数func，在handler...使用方法：定义一个函数ajax，传递参数：url路径获取Deferred对象，new出来 ajax请求数据的代码，在返回数据的回调方法中如果成功了调用Deferred对象的resolve()方法，...参数：返回的数据如果失败了调用Deferred对象的reject()方法，参数：返回的数据返回Deferred.promise对象调用ajax()方法，得到promise对象，参数：url，调用...act=1').then(function(data1) { console.log(data1);//处理data1 return ajax('test.php?...php if($_GET['act']==1){ echo json_encode(array("code"=>200)); }else if($_GET['act']==2){ echo

6281 0

详细解读Jquery各Ajax函数：$.get(),$.post(),$.ajax(),$.getJSON()

字符串去引号编程json类型数组，也可以在$.post函数后面加一个参数"json"，指定接收的数据为json类型的 3 for(var i=0;iJSON是一种理想的数据传输格式，它能够很好的融合与JavaScript或其他宿主语言，并且可以被JS直接使用。...使用JSON相比传统的通过 GET、POST直接发送”裸体”数据，在结构上更为合理，也更为安全。至于jQuery的getJSON()函数，只是设置了JSON参数的 ajax()函数的一个简化版本。...+"请求失败"); }); 很显然，第三个参数也可以帮助你传递你在AJAX事件里加入的自定义参数。...例如，将所有AJAX请求都传递到request.php，；禁用全局方法；强制用POST方法传递： $.ajaxSetup({ url: "request.jsp", global: false

5.3K10 0

浅谈JavaScript

2、json格式 json有两种格式：对象格式数组格式对象格式：对象格式的json数据，使用一对大括号（{}），大括号里面放入key：value形式的键值对，多个键值对使用逗号分隔。...对象格式的json数据： { “name” = “李四”, “age” = 18 } 格式说明： json中的（key）属性名称和字符串值需要用双引号引起来，用单引号或者不用引号会导致读取数据错误...数组格式：数据格式的json数据，使用一对中括号（[]），中括号里面的数据使用逗号分隔。...意思就是当前端页面和后台服务器进行数据交互就可以使用ajax了。提示：在html页面使用ajax需要在web服务器环境下运行，一般向自己的web服务器发送ajax请求。...2、ajax的使用 jquery将它封装成了一个$.ajax()，我们可以直接用这个方法来执行ajax请求。

3.7K3 0

【php增删改查实例】第十二节 - 数据删除功能2、批量删除

1、单条数据删除思路：首先，需要也只能允许用户勾选一条数据，然后弹出一个确认框，问用户是否真的要删除？如果是，就把ID传递到PHP，然后写一个delete语句，通过ID去删除即可。...){ //获取这条数据的ID var id = rows[0].id; //通过jQuery给我们提供的ajax异步提交函数，把ID传递到后台...比如，我现在勾选了两条数据，就把这两条数据的ID用逗号拼接的方式，变成一个字符串，如：“20,30”。把这个玩意用ajax提交到PHP。然后，PHP中，用sql语句，进行删除。...比如，用数组。装好以后，再去把数组变成逗号分隔的字符串~！...; search(); } },"json"); 在php中测试能不能接收到ids：在php中根据这些ID去批量删除 <?

1.7K6 0

原生JS与jQuery对AJAX的实现

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。...3.ajax 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法，它不仅可以获取服务器返回的数据，还能向服务器发送请求并传递数值，它的调用格式如下： $.ajax([settings])...其中参数settings为发送ajax请求时的配置对象，在该对象中，url表示服务器请求的路径，data为请求时传递的数据，dataType为服务器返回的数据类型，success为请求成功的执行的回调函数...: function (data) { alert(1); } }); 4.getJSON 使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数组，并对获取的数据进行解析...五、总结一般来说，处理AJAX，用jQuery的get和post的就够用，如果是JSON数据的话用getJSON，注意缓存问题，特殊的应用再考虑用ajax()，另外，AJAX还有一个很严重的问题是跨域

4K2 0

jquery ajax参数详解

也就是说，让回调函数内this指向这个对象（如果不设定这个参数，那么this就指向调用本次AJAX请求时传递的options参数）。...必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 “&foo=bar1&foo=bar2”。...在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。...‘注意：’’'在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载) “json”: 返回 JSON 数据。...var html = $.ajax({ url: "some.php", async: false }).responseText; 5、发送 XML 数据至服务器。

4K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭