ajax提交jsonp【示例代码】

AJAX是一种用于在不刷新整个页面的情况下，通过后台服务器与前端页面进行数据交互的技术。其中，JSONP是一种实现跨域请求的方式之一。JSONP利用了<script>标签可以跨域加载资源的特性，通过动态创建<script>标签来实现数据的传输和回调。

示例代码如下所示：

function jsonp(url, callback) {
  // 创建一个<script>标签
  var script = document.createElement('script');
  // 设置<script>标签的src属性，将url和callback参数拼接到url中
  script.src = url + '?callback=' + callback;
  // 将<script>标签添加到页面中
  document.body.appendChild(script);
}
// 定义回调函数，用于处理返回的数据
function handleData(data) {
  console.log(data);
}
// 调用jsonp函数，传入请求的url和回调函数名
jsonp('http://example.com/api/data', 'handleData');

在上述示例代码中，我们定义了一个名为jsonp的函数，该函数接受两个参数：url和callback。在函数内部，我们创建了一个<script>标签，并将url和callback参数拼接到url中。然后，将该<script>标签添加到页面中，浏览器会自动发送一个GET请求到指定的url。服务器返回的响应数据会作为一个JavaScript脚本被加载到页面中，同时会调用指定的回调函数，将数据作为参数传入。

在示例中，我们定义了一个名为handleData的回调函数，用于处理返回的数据。在调用jsonp函数时，我们传入了请求的url和回调函数名。当服务器返回数据时，会调用handleData函数，并将数据作为参数传入，我们可以在handleData函数中对数据进行处理。

通过使用JSONP，我们可以实现跨域请求数据，并在页面中进行处理和展示。