当你使用jquery、ajax和php将url作为参数传递给mysql时，该如何处理返回的数据呢？ - 腾讯云开发者社区

文章/答案/技术大牛

发布

异步编程Ajax的详解，并对其进行封装整理

，表示将请求发送给目标URL send() 方法接收一个参数：第一个参数：作为请求主体发送的数据（例如post请求携带的数据） // 我们上面创建的是get请求，因此send()方法无需传参 xhr.send...后面的，例如这样 example.php?query=4&em=0，所以若是我们要在发送get请求时携带数据，只需要在调用 open() 方法时，将数据写在第二个参数的URL的 ?...('Content-Type', 'application/x-www-form-urlencoded') 然后我们上面也说过，send() 方法接收的一个参数是请求主体发送的数据，所以我们的post请求要发送的数据就要作为该方法的参数...、状态和xhr对象综合方法 // 该方法既可以发送get请求又可以发送post请求 $.ajax({ url: 'example.php', // 请求的URL type: 'get', //请求类型...Ajax请求呢，而不会让你使用JQuery的。

2.2K2 0

高级前端：详解手写原生Ajax的实现

，表示将请求发送给目标URL send() 方法接收一个参数：第一个参数：作为请求主体发送的数据（例如post请求携带的数据） // 我们上面创建的是get请求，因此send()方法无需传参 xhr.send...后面的，例如这样 example.php?query=4&em=0，所以若是我们要在发送get请求时携带数据，只需要在调用 open() 方法时，将数据写在第二个参数的URL的 ?...、状态和xhr对象综合方法 // 该方法既可以发送get请求又可以发送post请求 $.ajax({ url: 'example.php', // 请求的URL type: 'get', //请求类型...这段代码是发送了一个 get 请求，地址为 example.php，携带的参数有 query 值为 4 、em 值为 0，所接收返回数据的类型为 json，请求为异步请求特别的是，该方法的回调函数是通过...Ajax请求呢，而不会让你使用JQuery的。

2.2K2 0

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

是的

没有找到

JavaScript 框架学习（JQuery）

① 回调函数如果需要处理 $.ajax() 得到的数据，需要使用回调函数。...传入返回数据以及“dataType”参数的值。并且必须返回（经处理的）数据传递给success回调函数。 success：当请求之后调用。...②数据类型 $.ajax() 函数依赖服务器提供的信息来处理返回数据。通过指定 dataType选项还可以指定不同的数据处理方式。...参数由服务器返回，并根据dataType参数进行处理数据。 timeout：设置请求超时时间（毫秒）。...XMLHttpRequest 对象和设置作为参数传递给回调函数。

8.9K1 0

JSON与JSONP的区别

我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？...7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住...如果对于callback参数如何使用还有些模糊的话，我们后面会有具体的实例来讲解。...哈哈，这就是jQuery的功劳了，jquery在处理jsonp类型的ajax时（还是忍不住吐槽，虽然jquery也把jsonp归入了ajax，但其实它们真的不是一回事儿），自动帮你生成回调函数并把数据取出来供...这里针对ajax与jsonp的异同再做一些补充说明： 1、ajax和jsonp这两种技术在调用方式上“看起来”很像，目的也一样，都是请求一个url，然后把服务器返回的数据进行处理，因此jquery和ext

2.2K2 0

jsonp详解

前言说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？...3.4 动态的函数调用聪明的开发者很容易想到，只要服务端提供的js脚本是动态生成的就行了呗，这样调用者可以传一个参数过去告诉服务端“我想要一段调用XXX函数的js代码，请你返回给我”，于是服务器就可以按照客户端的需求来生成...哈哈，这就是jQuery的功劳了，jquery在处理jsonp类型的ajax时（还是忍不住吐槽，虽然jquery也把jsonp归入了ajax，但其实它们真的不是一回事儿），自动帮你生成回调函数并把数据取出来供...它是为了便于客户端使用数据，逐渐形成了一种非正式传输协议，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据...，这样客户端就可以随意定制自己的函数来自动处理返回数据了。

2K4 0

jquery ajax参数详解

dataFilter type:Function 给Ajax返回的原始数据的进行预处理的函数。...提供data和type两个参数：data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...function (data, type) { // 对Ajax返回的原始数据进行预处理 return data // 返回处理后的数据 } dataType type:String...随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值: “xml”: 返回 XML 文档，可用 jQuery 处理。...参数：由服务器返回，并根据dataType参数进行处理后的数据；描述状态的字符串。还有 jqXHR（在jQuery 1.4.x的中，XMLHttpRequest）对象。

3.9K1 0

一个小时学会jQuery

）、兼容性好 1.3、jQuery版本 jQuery 1.0 （2006年8月）：该库的第一个稳定版本，已经具有了对CSS选择符、事件处理和AJAX交互的稳健支持。...并且必须返回新的数据（可能是处理过的）传递给success回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。...settings是ajax参数对象，如: //ajax一般形式，路径也可以使用setting中的url属性 $.ajax(""some.php"", { type: "POST", data...提供data和type两个参数：data是Ajax返回的原始数据，type是调用jQuery.ajax时提供的dataType参数。函数返回的值将由jQuery进一步处理。...随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值: "xml": 返回 XML 文档，可用 jQuery 处理。

22.2K7 1

说说JSON和JSONP，也许你会豁然开朗-转

我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？...7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住...如果对于callback参数如何使用还有些模糊的话，我们后面会有具体的实例来讲解。　　...哈哈，这就是jQuery的功劳了，jquery在处理jsonp类型的ajax时（还是忍不住吐槽，虽然jquery也把jsonp归入了ajax，但其实它们真的不是一回事儿），自动帮你生成回调函数并把数据取出来供...都是请求一个url，然后把服务器返回的数据进行处理，因此jquery和ext等框架都把jsonp作为ajax的一种形式进行了封装；　　2、但ajax和jsonp其实本质上是不同的东西。

1.9K6 0

JQuery-命令速查-CheatSheet

filter 和 find 的区别结论 submit a form in ajax success callback-AJAX 成功时回调函数中提交 Form API JQuery-Error...子串中的字符数。必须是数值。如果省略了该参数，那么返回从 stringObject 的开始位置到结尾的字串。...&AJAX-Get/Post 示例 // 请求 test.php 网页，传送 2 个参数，忽略返回值： $.get("test.php", { name: "John", time: "2pm"...这是一个简单的 GET 请求功能以取代复杂 .ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 .ajax。参数 Attr Exp url 必需。...规定预计的服务器响应的数据类型。默认地，jQuery 将智能判断。

10.9K3 0

Jquery 常见案例

ajaxForm 预处理将要使用AJAX方式提交的表单，将所有需要用到的事件监听器添加到其中。它不是提交这个表单。...'beforeSubmit'函数调用时需要3个参数：数组形式的表单数据，jQuery 对象形式的表单对象，可选的用来传递给ajaxForm/ajaxSubmit 的对象。...responseText 和 responseXML 的值会被传进这个参数 (这个要依赖于dataType的类型). 缺省值： null dataType 指定服务器响应返回的数据类型。...这个 dataType 选项用来指示你如何去处理server端返回的数据。这个和 jQuery.httpData 方法直接相对应。...如果你对 $.ajax 方法的参数使用很熟悉，你也可以把它当作ajaxForm 和 ajaxSubmit 的参数使用。

9.3K1 0

说说JSON和JSONP( 含jquery例子）

我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？...7、为了便于客户端使用数据，逐渐形成了一种非正式传输协议，人们把它称作JSONP，该协议的一个要点就是允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住...如果对于callback参数如何使用还有些模糊的话，我们后面会有具体的实例来讲解。...剩下的就是如何把代码封装一下，以便于与用户界面交互，从而实现多次和重复调用。什么？你用的是jQuery，想知道jQuery如何实现jsonp调用？...哈哈，这就是jQuery的功劳了，jquery在处理jsonp类型的ajax时（还是忍不住吐槽，虽然jquery也把jsonp归入了ajax，但其实它们真的不是一回事儿），自动帮你生成回调函数并把数据取出来供

1.8K5 0

跨域请求数据解决方案整理

控件、服务端代理、属于未来的HTML5之Websocket等方式不算）跨域访问数据，就只能使用如下方式：就是在远程服务器上设法把数据装进js格式的文本里，供客户端调用和进一步处理。...该协议的一个要点就是允许用户传递一个callback参数给服务器，然后服务器返回数据时会将这个callback参数作为函数名来包裹住json数据，这样客户端就可以随意定制自己的函数来处理返回数据了。...3、聪明的开发者很容易想到，只要服务端提供的js脚本是动态生成的就行了呗，这样调用者可以传一个参数过去告诉服务端“我想要一段调用XXX函数的js代码，请你返回给我”，于是服务器就可以按照客户端的需求来生成...剩下的就是如何把代码封装一下，以便于与用户界面交互，从而实现多次和重复调用。什么？你用的是jQuery，想知道jQuery如何实现jsonp调用？...哈哈，这就是jQuery的功劳了，jquery在处理jsonp类型的ajax时（还是忍不住吐槽，虽然jquery也把jsonp归入了ajax，但其实它们真的不是一回事儿），自动帮你生成回调函数并把数据取出来供

1.5K7 0

科普系列——如何解释什么是 AJAX？

Tips：这里我将技术二字加粗了，是因为很多初学者会以为AJAX是一个库/框架，类似于JQuery/Vue之类的，因而有很多初学者会提出该怎么安装AJAX的问题。事实上AJAX是一种技术。...通过该接口，浏览器可以向服务器发送请求并取回所需的数据，并在客户端采用 JavaScript 处理来自服务器的回应。这就是 AJAX 的前身。...通过 AJAX 技术，服务器和浏览器之间交换的数据大量减少，服务器回应更快了。同时，很多的处理工作可以在发出请求的客户端机器上完成，因此服务端的负荷也减少了许多。...AJAX 的其他使用方式 JQuery 使用AJAX JQuery将上述过程封装的很好，使用起来也非常简单（只举出最简单的例子，详细还请移步官方文档）： $.get('url').then(function...，那怎么接收返回的数据呢？

1.2K2 1

PHP的文件上传操作

HTML5学堂：关于文件上传，主要包括“构建基本表单”-“使用AJAX发送请求，上传文件”-“使用PHP获取文件基本信息”-“执行SQL语言，返回基本图片路径”-“使用DOM操作设置预览图路径”。...上图为上传文件后核心知识 - 文件上传操作的基本步骤 1、构建基本的表单，并针对表单进行相关处理 2、在“上传文件”数据发生变化的时候，使用AJAX发送请求 3、PHP获得到文件的基本信息 4、PHP...执行SQL，将获取的基本信息存入数据库 5、PHP返回基本的图片路径 6、使用DOM操作设置预览图的路径最核心的知识，其实依旧是知识的逻辑。...第二个知识点，在于此处需要使用jquery.form.js插件辅助完成AJAX对数据的提交——ajaxSubmit方法。 PHP获得到文件的基本信息 <?...) VALUES('$fileUrl')" PHP返回基本的图片路径将获取到的地址进行JSON编码，并使用echo语句将结果输出出来。

6.2K5 0

JavaWeb全栈开发前后端交互通用标准

前端应该告知后台哪些有效信息，后台才能返回前端想要的数据先将要展示的页面内容进行模块划分，将模块的内容提取出来，以及方便前端的一些标志值等，将所有想要的内容和逻辑告知后端。...后端从数据库里面去查询相应的数据表以获得相应的内容或者图片地址信息。 URL中的参数主要是根据后台需要，若后台需要一个参数作为查询的辅助条件，前端在URL数据请求时就传递参数。请求格式：URL?...前端如何把页面信息有效传达给后台，以及后台如何获取到这些数据所有前端请求的URL后面的参数都是辅助后台数据查询的，若不需要参数，那后台就会直接给个URL给前端。...当前端在调用数据接口时，发现有些数据不是我们想要的，那么前端应该怎么办把请求的URL和返回的数据以及在页面的展示的情况给后台看。...然后我们连同请求（name 和 city）一起发送数据。 "demo_test_post.asp" 中的 ASP 脚本读取这些参数，对它们进行处理，然后返回结果。第三个参数是回调函数。

8.6K2 0

ASP.Net开发基础温故知新学习笔记

①浏览器发出访问请求→②服务器处理访问请求并返回HTML→③浏览器解析HTML并显示页面　　（3）GET与POST的区别：（★★★→重点）　　　　①GET通过URL传值，而POST通过HTTP报文；...　　　　②GET传递的数据量有限，POST则没有限制；　　　　③POST方式无法通过URL在其他用户中还原；　　　　④GET方式URL传特殊字符需要事先进行编码；　　（4）HTTP协议基本理解：...JQuery代码$.ajax中的$时把$当做NVelocity中的特殊符号，应对方法是使用jQuery.ajax代替$.ajax；　　　　　　如果要将DataTable传递给NVelocity时仅传递...=异步的JavaScript和XML，一种进行页面局部刷新的技术；　　　　 ②AJAX通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新，从而改善用户体验效果；　　（3）AJAX基本流程...①浏览器HTML中使用JavaScript创建XMLHttpRequest → ②服务器端获取请求进行处理并返回符合AJAX风格的数据（例如Json） → ③浏览器JavaScript解析服务器返回的数据并局部显示或更改信息

2.9K1 0

Ajax第二节

false:true; 完整版本 // 封装 ajax // 目的: 发送 get 或者 post 请求 // 参数: // type: 不传post, 就按get处理 // url: 必须传 // async...: 不传false, 就按true处理 // data: 参数对象 // dataType: 数据类型, json/xml/text // success: 成功的回调函数 // error: 失败的回调函数...中的ajax方法 jQuery为我们提供了更强大的Ajax封装 $.ajax 参数列表参数名称描述取值示例 url 接口地址 url:"02.php" type 请求方式 get/post type...方便我们获取表单的数据。 //serialize将表单参数序列化成一个字符串。...的ajax方法，data参数能够直接识别表单序列化的数据 $.post({ url:"register.php", data:$('form').serialize(), dataType:

4K5 0

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

一，$.get(url,[data],[callback]) 说明：url为请求地址，data为请求数据的列表(是可选的，也可以将要传的参数写在url里面)，callback为请求成功后的回调函数，该函数接受两个参数...附加到请求URL中 callback (Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法) 很显然这是一个专门实现GET方式的函数，使用起来也相当的简单...(Callback) (可选参数) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法) type (String) (可选参数) 请求数据的类型，xml,text,json...使用JSON相比传统的通过 GET、POST直接发送”裸体”数据，在结构上更为合理，也更为安全。至于jQuery的getJSON()函数，只是设置了JSON参数的 ajax()函数的一个简化版本。...对象了，你可以用find()、next()或XPath等方法在里面寻找节点，和用jQuery操作HTML对象没有区别 } }); 进一步了解AJAX事件前面讨论的一些方法都有自己的事件处理机制

5.2K10 0

ajax传参形式

介绍几种参数形式 tags: 前端 ---- 文章目录 ajax传参形式介绍选项详解传参几种形式 URL拼接传参 JSON传参表单序列化传参拼接data 表单序列化为JSON数据传参表单序列化为...JSON数据+额外参数参考文章 ajax传参形式介绍 $.ajax()是jQuery发送异步请求的方式，简化了原生js的操作过程。...注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。 timeout Number 设置请求超时时间（毫秒）。此设置将覆盖全局设置。...如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值: "xml": 返回 XML 文档，可用 jQuery...可用于控制不同的Ajax事件 ifModified Boolean (默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。

5.4K4 0

jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。...提供 data 和 type 两个参数：data 是 Ajax 返回的原始数据，type 是调用 jQuery.ajax 时提供的 dataType 参数。...随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值: "xml": 返回 XML 文档，可用 jQuery 处理。...并且必须返回新的数据（可能是处理过的）传递给 success 回调函数。 success 当请求之后调用。传入返回后的数据，以及包含成功代码的字符串。...发送数据到服务器默认情况下，Ajax 请求使用 GET 方法。如果要使用 POST 方法，可以设定 type 参数值。这个选项也会影响 data 选项中的内容如何发送到服务器。

16.8K3 0

点击加载更多

异步编程Ajax的详解，并对其进行封装整理

高级前端：详解手写原生Ajax的实现

JavaScript 框架学习（JQuery）

JSON与JSONP的区别

jsonp详解

jquery ajax参数详解

一个小时学会jQuery

说说JSON和JSONP，也许你会豁然开朗-转

JQuery-命令速查-CheatSheet

Jquery 常见案例

说说JSON和JSONP( 含jquery例子）

跨域请求数据解决方案整理

科普系列——如何解释什么是 AJAX？

PHP的文件上传操作

JavaWeb全栈开发前后端交互通用标准

ASP.Net开发基础温故知新学习笔记

Ajax第二节

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

ajax传参形式

jQuery ajax - ajax() 方法jQuery ajax - ajax() 方法

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐