分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

使用PHP,jsonp,jquery实现跨域

发布时间:2023-09-06 01:30责任编辑:苏小强关键词:jsPHPjson跨域

html代码:

<!DOCTYPE html><html lang="en"><head> ?<meta charset="UTF-8"> ?<title>Title</title> ?<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script></head><body></body><script> ?$(function () { ???$.ajax({ ???????url: "http://localhost/php/select_data.php", ???????type: "post", ???????data: {id: "id"}, ???????dataType: "jsonp", ???????jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback) ???????jsonpCallback: "success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名 ???????success: function (data) { ?????????for(let i in data){ ???????????console.log(eval("(" + data[i] + ")")) ?????????} ???????}, ???????error: function (error) { ?????????console.log("error", error) ???????} ?????} ???) ?})</script></html>

  PHP代码:

<?php/** * Created by PhpStorm. * User: DELL * Date: 2017/12/8 * Time: 14:31 */$callback = isset($_REQUEST[‘callback‘]) ? trim($_REQUEST[‘callback‘]) : ‘‘; //jsonp回调参数,必需function getKey($key,$default=""){ ???return trim(isset($_REQUEST[$key])?$_REQUEST[$key]:$default);}$id = getKey("id");$conn = mysqli_connect("localhost","root","","test") or die("连接失败");$conn->query("set names utf8");$sql = "select * from data where ".$id." is not null";$result = $conn->query($sql);$arr = [];while($row=$result->fetch_assoc()){ ???array_push($arr,json_encode($row));}$json = json_encode($arr); ?//json 数据echo $callback.‘(‘.$json.‘)‘; ?//返回格式,必需

  效果如下:

使用PHP,jsonp,jquery实现跨域

原文地址:http://www.cnblogs.com/mmykdbc/p/8021912.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved