thinkPHP5.0 表单提交ajax请求用法

最新推荐文章于 2021-08-06 06:14:09 发布

会飞的鱼儿2018

最新推荐文章于 2021-08-06 06:14:09 发布

阅读量523

点赞数

本文链接：https://blog.csdn.net/wps2008jyb/article/details/103307393

版权

客户端代码：

<!DOCTYPE html>
<head>
<title>thinkPHP5.0 ajax form Submit</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
<script src="__ADMIN__/js/jquery-3.3.1.js"></script>
<script type="text/javascript">
        function ajaxPost(){
        var formData = $("#myform").serialize();
        //serialize() 方法通过序列化表单值，创建 URL 编码文本字符串,这个是jquery提供的方法
        $.ajax({
          type:"post",
          url:"{:url('search')}",//执行当前控制器下的search方法
          data:formData,//这里data传递过去的是序列化以后的字符串
          success:function(data){
            //alert(data);
            $(".searchlst").html(data);//ajax请求成功后把返回结果写入class为searchlst的div内
          }
        });
        }
    </script>
</head>
<body>
          <div class="show_list">
				<form id="myform">
				<div class="rili_div" style="text-align:center;">
					<span class="font_span" style="display:none;">开始</span>
					<span>开始:&nbsp;&nbsp;<input type="text" class="mh_dates" readonly="true" id="appDateTimeStart" name="starttime"/>&nbsp;&nbsp;结束:&nbsp;&nbsp;
					<span class="font_span" style="display:none;">结束</span>
					<input　type="text" class="mh_date2s" readonly="true" id="appDateTimeEnd" name="endtime" style="margin-right:0px;" /></span>
				</div>
				<div class="rili_div" style="display:none;">

				</div>

				<div class="search_btn"><input onclick="ajaxPost()" name="button" type="button" id="button" value="查询" style=" width:80px; height:20px;border:0px;background:#FFF"></div>
				</form>
				
				<div class="searchlst"></div>
			</div>
</body>
</html>

服务端代码：

    public function search()
    {
		$uid = session('uid');
		$timestart = input('post.starttime');		
		$timeend = input('post.endtime');				
		
		//自定义查询订单
		$info_month = "select * from order_table where date(paymenttime) <= '$timeend 'and date(paymenttime) >= '$timestart' and agentid = '$uid' group by id desc";
        $orderRes = Db::query($info_month);

		
        $this->assign('searchRes',$orderRes);
		return view('search');
    }

search.htm模板代码：orders控制器下的search方法返回变量输出的对应search模板代码：

	{volist name="searchRes" id="Orders"}
		<div class="list">
				<div class="sub_list sub_list_top">
					<span>订单号:&nbsp;&nbsp;</span>
					<span>{$Orders.OrderNum}</span>
				</div>
				<div class="sub_list sub_list_middle">
					<div>
						<span>设备名称:&nbsp;&nbsp;</span>
						<span>{$Orders.DeviceName}</span>
					</div>
					<div>
						<span>购买信息:&nbsp;&nbsp;</span>
						<span>{$Orders.LineNum}号口</span>
					</div>
					<div>
						<span>时间:&nbsp;&nbsp;</span>
						<span>{$Orders.PayDatetime}</span>
					</div>
				</div>
				<div class="sub_list sub_list_bottom">
					<span>{if condition="$Orders.PayType eq '1'"}微信支付{elseif condition="$Orders.PayType eq '2'" /}支付宝支付{elseif condition="$Orders.PayType eq '3'" /}账户余额支付{/if}:&nbsp;&nbsp;</span>
					<span class="money_span">¥{$Orders.TotalAmount/100}</span>
				</div>
		</div>
	{/volist}

会飞的鱼儿2018

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
thinkPHP5.0 表单提交ajax请求用法

客户端代码：<!DOCTYPE html><head><title>thinkPHP5.0 ajax form Submit</title><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0,user-scalable=no,ma...
复制链接

扫一扫