Jquery ajax post请求带参数,返回多维json数据实例

客户端的html+js代码

function aa(){
        url="/qt_ajax_wx/get_page_wx/";
        $.ajax({
          url : url,
          data : {
               page: 'test',
			   type: 1,
			   articleid:232
          },
          dataType : 'json', //服务器返回json格式数据
          type : 'post', 
          cache: false,//不缓存
          success : function(datas) {
               var html='';
               $.each(datas, function(index, item){ 
			    html+='<p>'+item.title+'</p>';
            });
            $("#pinglun").append(html);
			 if(datas==''){$('#pinglun').text('评论已全部加载完');}
          }
        });	  
}		  
</script>
<input  type="button" onClick="aa()" value="请求测试" />
<div id="pinglun"></div>

服务器端php代码

  public  function get_page_wx(){	
          $data=$this->input->post();
		  $return='';
		  if($data['type']=='1'){
		     $return[0]['title']='这是第一条数据';
			 $return[1]['title']='这是第二条数据';
		  }else{
		    //nothing to do
		 }  
		   exit(json_encode($return));//返回json数据    
 }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: jQuery AJAXpost 请求传参需要通过以下方式进行: 1. 将要传输的数据以键值对的形式封装成一个 JavaScript 对象。 2. 将该对象作为 data 参数传递给 $.ajax() 方法中的 options 对象。 示例代码: ``` $.ajax({ url: 'example.php', type: 'POST', data: {name: 'John', age: 30}, success: function(response) { console.log(response); } }); ``` 以上代码中,我们通过传递一个包含 name 和 age 两个属性的 JavaScript 对象作为 data 参数,实现了 Post 请求中的参数传递。 ### 回答2: jQuery ajax方法是一种方便的实现异步请求、发送数据和接收数据的工具,它也同样支持HTTP POST请求,可以传递参数。 在jQuery ajax中使用POST请求、传递参数的方法很简单,只需要通过data参数传入一个对象即可。比如: $.ajax({ type: "POST", url: "url.php", data: { name: "John", location: "Boston" } }); 在上面的例子里,我们传递了两个参数name和location,分别为"John"和"Boston"。这个数据对象会被转换成字符串类型,如下所示: name=John&location=Boston jQuery ajax同样支持设置content-type的参数,并且可以对数据进行序列化、加密等操作。其中content-type指定传递的数据格式,常见的有application/x-www-form-urlencoded、multipart/form-data和application/json等。 $.ajax({ type: "POST", url: "url.php", contentType: "application/json", dataType: "json", data: JSON.stringify({ name: "John", location: "Boston" }), success: function(data){ //处理请求成功时返回数据 } }); 在上面的例子里,我们设置了content-type为application/json,并将数据对象序列化为JSON格式的字符串,请求成功后会得到一个JSON格式的数据对象data,便于处理数据。 总之,jQuery ajaxPOST请求传递参数非常方便,只需要通过data参数传入一个对象,或使用JSON.stringify序列化数据,即可实现传递参数的功能。此外,通过设置content-type参数,可以进一步控制传递数据的格式和行为。 ### 回答3: jQuery中的$.ajax方法是完成异步HTTP请求的基础方法。使用$.ajax方法来发送post请求参数是很常见的操作。下面我们来详细介绍在jQuery中使用$.ajax方法发送post请求参数的步骤。 1. 使用$.ajax方法发送POST请求 使用$.ajax方法发送post请求,需要提供必要的参数。下面是一个使用$.ajax方法发送post请求的示例: ```javascript $.ajax({ url: "your-url-here", type: "POST", data: yourDataHere, success: yourSuccessCallbackFunctionHere, error: yourErrorCallbackFunctionHere }); ``` 2. 配置请求URL 在$.ajax方法中,'url'参数用于配置请求的目标URL。例如: ```javascript url: "your-url-here", ``` 这个URL可以是相对网站根目录的路径,也可以是一个绝对URL,如'http://example.com/your-url'. 3. 配置请求类型 在$.ajax方法中,'type'参数用于配置HTTP请求的类型。对于post请求,可以设置为'POST'。例如: ```javascript type: "POST", ``` 4. 配置请求数据 在$.ajax方法中,'data'参数用于配置发送的数据。这个数据可以是一个纯文本字符串,也可以是一个JavaScript对象。例如: ```javascript data: { name: "your-name-here", age: "your-age-here" }, ``` 在上面的示例中,我们使用一个对象来配置请求数据。这个对象包括两个属性:name和age。 5. 设置响应成功的回调 在$.ajax方法中,'success'回调用于处理HTTP响应成功时的情况。该回调函数接收服务器返回的响应作为参数。例如: ```javascript success: function(response) { console.log(response); }, ``` 在这个简单的示例中,我们使用上面的代码片段中的回调函数来处理响应。在控制台中输出响应数据。 6. 设置响应错误的回调 在$.ajax方法中,'error'回调用于处理HTTP响应失败时的情况。该回调函数接收HTTP错误数据作为参数。例如: ```javascript error: function(jqXHR, textStatus, error) { console.log(error); }, ``` 在这个简单的示例中,我们使用上面的代码片段中的回调函数来处理错误。在控制台中输出错误信息。 综上,我们可以在jQuery中使用$.ajax方法发送post请求参数,操作简单易懂。只需要设置适当的参数,即可完成异步HTTP请求

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

第8代码农师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值