Jquery ajax post请求表单数据,返回普通json数据实例

最新推荐文章于 2024-09-11 02:20:32 发布

第8代码农师

最新推荐文章于 2024-09-11 02:20:32 发布

阅读量851

点赞数

分类专栏：原创技术分享笔记 web前端文章标签： ajax jquery json

本文链接：https://blog.csdn.net/cswlsh/article/details/124816714

版权

web前端同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

原创技术分享笔记

15 篇文章 0 订阅

订阅专栏

客户端的html+js代码

 <script>
function aa(){
    var elements = document.forms['message'].elements;
     var content = elements.content.value;
	 if(content == "") {
        alert('评论内容不能为空');
        elements.content.focus();
        return false;
    }
        url="/qt_ajax_wx/get_page_wx/";
        $.ajax({
          url : url,
          data: $('#pinglun_form').serialize(),
          dataType : 'json', //服务器返回json格式数据
          type : 'post', 
          cache: false,//不缓存
          success : function(datas) {
             
			    html='<p>您的留言内容是：'+datas.content+'留言网址是'+datas.url+'</p>';
            $("#pinglun").append(html);
			
          }
        });	  
}		  
</script>
<input  type="button" onClick="aa()" value="请求测试" />
<form method="post" name="message" id="pinglun_form" >
    <textarea name="content" placeholder="发表神评妙论" contenteditable="true"></textarea>
    <input name="articleid" type="hidden" value="34" />
    <input name="type" type="hidden" value="1" />
    <input name="url" type="hidden" value="<?='https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']?>" />
                    </form>
<div id="pinglun"></div>

服务器端php代码

 public  function get_page_wx(){	
          $data=$this->input->post();
		 
		  if($data['type']=='1'){
		     $return['content']=$data['content'];
			 $return['url']=$data['url'];
		  }else{
		    //nothing to do
		 }  
		   exit(json_encode($return));//返回json数据    
 }