php与ajax交互——实现php实时返回结果给ajax,并在后台保持继续运行的方法

23 篇文章 0 订阅

老规矩,说一下需求,一个朋友的要求是用户提交审核,用户等待的时间太长的问题,由于前台反应的时间短,后台处理数据的时间长,不利于用户体验,于是想到先给用户返回等待审核后再处理数据

ajax:

<script type="text/javascript">
	$(function(){
		$('.dianji').click(function(){
			$.ajax({
				type:"get",
				url:"/testajax",
				data:{data:1},
				dataType:'json',
				success:function(data){
					alert(data.data);
				}
			});
		})
	})
</script>

php:

public function testajax(Request $request){
    $data = $request->param('data');
    if($data == 1){
        echo json_encode(['data'=>1]);//ajax先返回
        $size = ob_get_length();
        header("Content-Length: $size");
        header('Connection: close');
        header("HTTP/1.1 200 OK");
        header("Content-Type: application/json;charset=utf-8");
        ob_end_flush();
        if(ob_get_length())
            ob_flush();
        flush();
        if (function_exists("fastcgi_finish_request")) { // yii或yaf默认不会立即输出,加上此句即可(前提是用的fpm)
            fastcgi_finish_request(); // 响应完成, 立即返回到前端,关闭连接
        }
        ignore_user_abort(true);//在关闭连接后,继续运行php脚本
        set_time_limit(0); //no time limit,不设置超时时间(根据实际情况使用)
        //继续运行的代码
        sleep(20);//等待20秒后执行
        $data = [
            'nick_name'=>'aeswt',
            'avatar_url'=>'dsgd',
            'open_id'=>'sdfgh',
            'session_key'=>'zdgdf',
            'thr_session'=>'xsdgdfh'
        ];
        Db::name('user')->insert($data);
			
        }
		
}

成功!!!

 

 

参考:https://blog.csdn.net/u011832039/article/details/51387548

参考:https://blog.csdn.net/aoshilang2249/article/details/82772329

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现Ajax+PHP数据交互并局部刷新页面,需要以下步骤: 1. 创建一个包含HTML和PHP代码的页面,并在页面顶部引入jQuery库和一个自定义的JavaScript文件。 2. 在JavaScript文件中编写一个Ajax请求的代码,指定请求的URL和请求方法(POST或GET),并定义回调函数。 3. 在PHP文件中编写处理Ajax请求的代码,包括从请求中获取参数、查询数据库、将查询结果转换为JSON格式等。 4. 在回调函数中解析返回的JSON数据,并使用jQuery的DOM操作方法将数据插入到页面中指定的位置,实现局部刷新效果。 下面是一个简单的例子,演示如何使用AjaxPHP实现查询结果的局部刷新: HTML/PHP页面代码: ```html <html> <head> <title>PHP查询结果局部刷新</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="ajax.js"></script> </head> <body> <h1>查询结果:</h1> <div id="result"></div> <form> <label>输入查询条件:</label> <input type="text" name="keyword" id="keyword"> <input type="button" value="查询" onclick="search()"> </form> </body> </html> ``` JavaScript文件代码(ajax.js): ```javascript function search() { var keyword = $("#keyword").val(); $.ajax({ url: "search.php", type: "POST", data: { keyword: keyword }, dataType: "json", success: function(result) { var html = ""; for (var i = 0; i < result.length; i++) { html += "<p>" + result[i].name + ":" + result[i].value + "</p>"; } $("#result").html(html); }, error: function(jqXHR, textStatus, errorThrown) { alert("查询失败:" + textStatus); } }); } ``` PHP文件代码(search.php): ```php <?php // 连接数据库 $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败:" . $conn->connect_error); } // 获取查询条件 $keyword = $_POST["keyword"]; // 查询数据库 $sql = "SELECT * FROM data WHERE name LIKE '%$keyword%'"; $result = $conn->query($sql); // 将查询结果转换为JSON格式 $data = array(); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $data[] = array("name" => $row["name"], "value" => $row["value"]); } } echo json_encode($data); // 关闭数据库连接 $conn->close(); ?> ``` 在这个例子中,我们在页面中添加了一个输入框和一个查询按钮,用户输入查询条件后,点击查询按钮会触发JavaScript中的search()函数,该函数使用Ajax向search.php发送POST请求,将查询条件作为参数传递给PHP文件,PHP文件从数据库中查询符合条件的数据,并将查询结果转换为JSON格式返回给JavaScript,JavaScript解析JSON数据,并使用jQuery将查询结果插入到页面中指定的位置(id为result的div元素)实现局部刷新。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值