Analysis of jsonp examples of ajax cross-domain solutions under PHP-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

Analysis of jsonp examples of ajax cross-domain solutions under PHP

coldplay.xixi

Aug 06, 2020 pm 03:55 PM

ajaxjsonpphpCross domain

Analysis of jsonp examples of ajax cross-domain solutions under PHP

The example of this article describes the jsonp solution for ajax cross-domain under PHP. Share it with everyone for your reference, the details are as follows:

First of all, let me explain the difference between json and jsonp?

Json is a text-based data exchange method, or a format for describing data.

Related learning recommendations: php programming (video)

var person = {
  "name": "test",
  "age": "25",
  "sex": "男"
};

var data = [1, 2, 3, 4, 5];

And jsonp is an unofficial cross-domain data interaction protocol that allows The user passes a callback parameter to the server, and then when the server returns data, it will use this callback parameter as a function name to wrap the json data, so that the client can customize its own function to automatically process the returned data.

For example, I referenced a b.js from b.com on the website of a.com, but such a cross-domain reference will not cause an error, which means that when calling the js file, it will not be affected by cross-domain.

<script type="text/javascript" src="http://www.b.com/b.js"></script>

Then we add the following code in b.js to see if it can be executed

alert("I from b");

Make sure it can be executed.

So if we create a js function on a.com and call it in b.js under b.com, is that feasible? The index.html under

a.com is as follows:




  
  


  
  <script type="text/javascript" src="http://www.b.com/b.js"></script>

The b.js under b.com is as follows:

a("from b");

The above can also be executed, we can see The data in b.js is indeed passed to function a correctly.

The problem comes again. The function name created in a.com must be consistent with the function name called in b.js. So how can we let the b.com server know this function name? It can only be done through the address bar. Passed, add a callback=function name to pass. Of course, the name callback can be changed, but since everyone names it this way, it is a convention. The index.html under

a.com is as follows:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <script type="text/javascript">
    function a(data) {
      alert("uid :" + data.uid + "name :" + data.name);
    }
  </script>

  <!-- 注意这里把b.js改成b.php了 -->
  <script type="text/javascript" src="http://www.b.com/b.php?callback=a"></script>
</body>
</html>

The b.php under b.com is as follows:

<?php
$callback = !empty($_GET[&#39;callback&#39;]) ? trim($_GET[&#39;callback&#39;]) : &#39;&#39;;

if(!empty($callback)) {
  $data = json_encode(array(
    &#39;uid&#39; => 1,
    &#39;name&#39; => &#39;测试&#39;,
  ));

  echo "{$callback}({$data});";
}

The above can also be executed, knowing the callback function name, the b.com server processes the data and then outputs it through string concatenation.

jquery already provides support for jsonp. The index.html under a.com is as follows:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<body>
  <p class="info"></p>
  <script type="text/javascript" src="http://www.b.com/jquery.js"></script>
  <script type="text/javascript">
  $.ajax({
    dataType: "jsonp",
    url: "http://www.b.com/b.php",
    jsonp: "callback",
    success: function(data) {
      $(".info").text("uid:" + data.uid + " name:" + data.name);
    }
  });
  </script>
</body>
</html>

The cross-domain policy restriction table is as follows:

##http:// www.a.com:8000/a.jsSame domain name, different portsNot allowedhttp://www. a.com/a.jsSame domain name, different protocolsNot allowedhttp://www. a.com/a.js##http:// www.a.com/a.jsSame domain name, different second-level domain names (same as above)Not allowed##http:/ /www.a.com/a.js http://www.b.com/b.js

URL	Description	Allow communication
http:// www.a.com/a.js http://www.a.com/b.js	Under the same domain name	allowed
http://www.a.com /lab/a.js http://www.a.com/script/b.js	Different folders under the same domain name	Allow
http://www.a.com/b.js
https://www.a.com/b.js
http://127.0.0.100/b.js	The domain name and the corresponding ip of the domain name	are not allowed
http://www.a. com/a.js http://script.a.com/b.js	The main domain is the same, the subdomain is different	Not allowed
http://a.com/b.js
Different domain names	Not allowed

The above is the detailed content of Analysis of jsonp examples of ajax cross-domain solutions under PHP. For more information, please follow other related articles on the PHP Chinese website!

Statement

This article is reproduced at:jb51. If there is any infringement, please contact admin@php.cn delete

PHP and Python: Different Paradigms ExplainedApr 18, 2025 am 12:26 AM

PHP is mainly procedural programming, but also supports object-oriented programming (OOP); Python supports a variety of paradigms, including OOP, functional and procedural programming. PHP is suitable for web development, and Python is suitable for a variety of applications such as data analysis and machine learning.

PHP and Python: A Deep Dive into Their HistoryApr 18, 2025 am 12:25 AM

PHP originated in 1994 and was developed by RasmusLerdorf. It was originally used to track website visitors and gradually evolved into a server-side scripting language and was widely used in web development. Python was developed by Guidovan Rossum in the late 1980s and was first released in 1991. It emphasizes code readability and simplicity, and is suitable for scientific computing, data analysis and other fields.

Choosing Between PHP and Python: A GuideApr 18, 2025 am 12:24 AM

PHP is suitable for web development and rapid prototyping, and Python is suitable for data science and machine learning. 1.PHP is used for dynamic web development, with simple syntax and suitable for rapid development. 2. Python has concise syntax, is suitable for multiple fields, and has a strong library ecosystem.

PHP and Frameworks: Modernizing the LanguageApr 18, 2025 am 12:14 AM

PHP remains important in the modernization process because it supports a large number of websites and applications and adapts to development needs through frameworks. 1.PHP7 improves performance and introduces new features. 2. Modern frameworks such as Laravel, Symfony and CodeIgniter simplify development and improve code quality. 3. Performance optimization and best practices further improve application efficiency.

PHP's Impact: Web Development and BeyondApr 18, 2025 am 12:10 AM

PHPhassignificantlyimpactedwebdevelopmentandextendsbeyondit.1)ItpowersmajorplatformslikeWordPressandexcelsindatabaseinteractions.2)PHP'sadaptabilityallowsittoscaleforlargeapplicationsusingframeworkslikeLaravel.3)Beyondweb,PHPisusedincommand-linescrip

How does PHP type hinting work, including scalar types, return types, union types, and nullable types?Apr 17, 2025 am 12:25 AM

PHP type prompts to improve code quality and readability. 1) Scalar type tips: Since PHP7.0, basic data types are allowed to be specified in function parameters, such as int, float, etc. 2) Return type prompt: Ensure the consistency of the function return value type. 3) Union type prompt: Since PHP8.0, multiple types are allowed to be specified in function parameters or return values. 4) Nullable type prompt: Allows to include null values and handle functions that may return null values.

How does PHP handle object cloning (clone keyword) and the __clone magic method?Apr 17, 2025 am 12:24 AM

In PHP, use the clone keyword to create a copy of the object and customize the cloning behavior through the \_\_clone magic method. 1. Use the clone keyword to make a shallow copy, cloning the object's properties but not the object's properties. 2. The \_\_clone method can deeply copy nested objects to avoid shallow copying problems. 3. Pay attention to avoid circular references and performance problems in cloning, and optimize cloning operations to improve efficiency.

PHP vs. Python: Use Cases and ApplicationsApr 17, 2025 am 12:23 AM

PHP is suitable for web development and content management systems, and Python is suitable for data science, machine learning and automation scripts. 1.PHP performs well in building fast and scalable websites and applications and is commonly used in CMS such as WordPress. 2. Python has performed outstandingly in the fields of data science and machine learning, with rich libraries such as NumPy and TensorFlow.

See all articles