jquery ajax post方法获取json数据

最新推荐文章于 2023-06-01 08:47:35 发布
最新推荐文章于 2023-06-01 08:47:35 发布
阅读量1.2k 收藏
点赞数
分类专栏： php 文章标签： jquery ajax json post
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bzxcl/article/details/50068911
版权

前端


<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
    <script src="images/jquery.min.js"></script>
</head>
<body>
<script>


/* $.post函数 */

 $(document).ready(function () {        $("#btn").click(function () {            var price = $("#price").val();            $.post("ajax.php", {"symbol": price}, function (data, textstatus) {                $("#heigh").html(data.h);                $("#midle").html(data.m);                $("#low").html(data.l);            })        })    })


/* $.ajax函数 */


/*    $(document).ready(function () {
        $("#btn").click(function () {
            $.ajax({
                type: "POST",
                url: "ajax.php",
                data: {"symbol": $("#price").val()},
                datatype: "json",
                success: function (data) {
                    $("#heigh").html(data.h);
                    $("#midle").html(data.m);
                    $("#low").html(data.l);
                }
            });
        });
    });*/


</script><form>    <input type="text" id="price">    <input type="button" id="btn" value="submit"></form><div>heigh:<span id="heigh"> </span></div><div>midle:<span id="midle"> </span></div><div>low:<span id="low"> </span></div></body></html>

php

<?php

$k =$_POST["symbol"];

switch($k){    
case 'msft':        
$v=array("h"=>"100" , "m"=>"80" , "l"=>"50");        
break;    

case 'goog':        
$v=array("h"=>"200" , "m"=>"180" , "l"=>"150");        
break;    

case 'aapi':        
$v=array("h"=>"300" , "m"=>"280" , "l"=>"250");        
break;
}
$json=json_encode($v);
header("content-type:application/json");
echo $json;

?>


260kk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Jquery]Jquery AJAX post提交json示例
德仔
01-23 1万+
下面是html请求web服务器api接口的示例，是post发送json方式请求。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> <script src="
jQuery ajax json 数据的遍历代码
01-19
先给大家说下我的需求：进行ajax请求后，后台传递回来以下json数据。 具体实现代码如下所示： JavaScript代码 { data:[ {id:1,name:选择A,value:A}, {id:2,name:选择B,value:B}, {id:3,name:选择C,value:C} ] } 对...
jQuery的Ajax时无响应数据的解决方法
12-09
代码如下: $.ajax( { type: “POST”, url: “/MemberComment.aspx/GetOrderToBeCommentCount”, success: function(result) { //ToDo: } ) 使用时JS也没有报错。这个是我最郁闷的事了。不知道哪错。。 5分钟。。。10分钟。。。。20分钟。。。。。 从c#代码到浏览器一个个排查问题发现都OK。 最后问题的原因是改为如下就OK，少了2个属性： 代码如下: $.ajax( { type: “POST”, contentType: “application/json”, url: “/Memb
JQuery以POST方法从ASP.NET服务器获取Json数据完整示例
数据库天地
01-31 241
最近学习JQuery，用到了它的POST方法向服务器请求数据，服务器返回Json格式的数据。看上去非常简单，但出了很多莫名其妙的问题。主要原因就是第一次学习太生疏，很多地方写的不规范造成的。这方面的资料虽然可以从网上查到，但是百花齐放，怎么写的都有，在此，我就以标准的格式写一个例子，希望对大家有帮助，也给自己留着备用。 本文适合有一定JQuery、ASP.NET基础的读者阅读。 ...
jquery.post获取处理json数据
weixin_33912445的博客
04-24 303
摘要: 　　使用jquery.post获取json数据，并对返回的json数据进行处理。php相应post请求返回json数据，js将返回数据转换为json对象进行处理。 实现： 　　前端：使用jquery.post请求数据 $.post(url,data,success(data)) 　　响应请求：使用php响应请求(前面借鉴了phpwind的响应ajax请求，所以返回的是xm...
php处理ajax请求json格式的方法
yan_dk的专栏
12-03 529
web应用，使用ajax调用，请求参数类型为json时，php仅用$_POST或$_REQUEST方式时，会出现接受不到请求参数，因为是json格式需要一定的转换处理。 我们抽取方法代码如下： /** * 获取 post 参数; 在 content_type 为 application/json 时，自动解析 json * @return array */ public function initPostData() { $data=f...
php ajax json 提交数据格式,php后台吸收ajax发送post请求提交json数据的两种方式
weixin_33483567的博客
03-11 208
今天做php的一个项目，计划用jquery ajax向后台发送post类型请求，发送的数据类型是json。然则一再失足，不是报500错误，就是在后取的值为空的。几经周折才把问题解决。总结了两种ajax发送post请求的写法：前端要害代码1：//变量data是我的js工具经由JSON.stringify(data)处置之后的json字符串$.ajax({contentType: 'applicati...
ajax post json php,ajax POST json对象给PHP，PHP怎么接收值
weixin_42137028的博客
03-09 95
本帖最后由 KtosMayCry 于 2014-07-04 20:30:03 编辑 前端：$("#save_config_btn").click(function(){$.ajaxSetup({cache:false,contentType : "application/x-www-form-urlencoded; charset=utf-8"})...
jQuery - AJAX get() 和 post() 方法
unber的博客
06-01 504
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
jquery ajax跨域解决方法(json方式)
12-11
都要请求用户json信息，然后再对数据进行处理，起初我和同事们试了很多种方法，使用$.ajax() 无论是get或post方法都会引起uri deny的错误。一番GG之后发现了解决方法，也了解其中的原因。 jquery从1.2开始，.getJSON...
JSON数据前后传输例子，post，get请求例子，jquery
08-29
JSON数据前后传输例子，post，get请求例子，jquery
JQuery中使用ajax传输超大数据的解决方法
12-08
直接说问题，在一个页面用了Jquery(1.6)的Ajax请求，用的post，传递显示的数组有500多条.php端却只能接受到50条左右。刚开始以为是web服务器设置的问题，把，max_upload_size这类的都改了。但是没有效果，后来尝试用...
jQuery使用ajax方法解析返回的json数据功能示例
11-26
本文实例讲述了jQuery使用ajax方法解析返回的json数据功能。分享给大家供大家参考，具体如下： 最近在用jQuery的ajax方法传递接收json数据时发现一个问题，那就是返回的data数据，有时候可以直接作为json数据使用，...
JQuery post json 数据提交心得
fwk19840301的博客
03-08 1万+
&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta
使用jQuery发送POST，Ajax请求返回JSON格式数据
热门推荐
Evan
09-04 3万+
问题： 使用jQuery POST提交数据到PHP文件， PHP返回的json_encode后的数组数据，但jQuery接收到的数据不能解析为JSON对象，而是字符串{"code":-1,"msg":"123","data":[]}   jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。   jQuery $.get() 方法...
ajax 提交post get 数据，得到json结果解析
02-12 7683
ajax 请求接口，并处理结果//id为 btnBuyBox $('#btnBuyBox').click( function(){ //$("#formjs").submit(); $.ajax({ //提交数据的类型 POST GET type : "PO
使用jquery Ajax的post方法或直接使用jqery ajax请求action 得到返回的json数据
通往IT大道的专栏
07-13 6999
在初步掌握了java对象和json的相互转化之后，
jQuery的$.post请求传值——返回值为json格式
Leesire的专栏
10-22 1万+
jQuery.post(url, [data], [callback], [type]) url,[data],[callback],[type]String,Map,Function,StringV1.0 url:发送请求地址。 data:待发送 Key/value 参数。 callback:发送成功时回调函数。 type:返回内容格式，xml, htm
php中输出json数据的几种方式
超级赛亚人
11-27 1万+
第一中 header("content-type:application/json");// 尽量不要用text/json 某些浏览器会不兼容 $json='{"price":200,"midle":150,"low":100}';//注意外面的单引号 echo $json; 第二种 $v=array("h"=>"300" , "m"=>"280" , "l"=>"2
jquery ajax 设置请求数据格式为json
最新发布
09-04
使用jQuery的ajax方法可以设置请求数据格式为json。在ajax方法中，可以使用dataType属性来指定返回数据的类型，而使用contentType属性来指定发送数据的类型。 若要将请求数据格式设为json，可以采用以下方法： ```javascript $.ajax({ url: "url地址", type: "POST", data: JSON.stringify({key1: value1, key2: value2}), // 将数据转换为JSON字符串 dataType: "json", contentType: "application/json", // 设置发送数据的类型为json success: function(response) { // 请求成功后的处理 }, error: function(xhr, status, error) { // 请求失败时的处理 } }); ``` 在data字段中，可以将数据作为一个对象传入，并使用JSON.stringify()方法将其转换为JSON字符串。在dataType属性中，可以指定返回的数据类型为json，这样ajax方法会自动将返回的数据转换为JavaScript对象。 同时，还需要将contentType属性设为"application/json"，这样ajax方法会以json格式发送请求，告知服务器发送的数据类型为json。 通过以上设置，就可以将jQuery的ajax方法的请求数据格式设为json。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值