$.jsonp()的简单使用

// jsonp 获取 json 数据:
$.jsonp({
      url: GLOBAL.baseUrl + '/company/mobi_getposter.action',
      callback: 'callback',
      data: {
          companyId : GLOBAL.companyId,
                    page: 1, // 控制页数,1 就显示第一页的内容,2 就显示第二页的内容
                    rows: 10  // 控制每页数据条数,此为10条
    },
      complete: function() {
            hideLoadingMsg(); // 数据获取完成后,需要做的事,此为隐藏读取数据的滚动条。
        },
      success: function(data) {
          // 处理数据的代码...
    }
});
// 通过 jsonp 提交数据:
function submitQuestion() {
    var question;
    question = $('#textarea').val();
    if (question == '') {
        alert('问题不能为空!');
        return;
    }
    $.jsonp({
        url: GLOBAL.baseUrl + '/edu/qaMobi_addQuestion.action',
        callback: 'callback',
        data: {
            toUserId: userId,
            content: question
        },
        success: function(data) {
            if (data.success == true) {
                alert('提问成功!');
            } else {
                alert(data.result);
            }
        }
    });
}

 

转载于:https://www.cnblogs.com/leejersey/p/3750448.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
axios本身不提供对JSONP的直接支持,但是您可以通过一些封装来实现使用axios发送JSONP请求。下面是一个简单的axios.jsonp封装的示例: ```javascript import axios from 'axios'; function jsonp(url, params) { return new Promise((resolve, reject) => { const callbackName = `jsonpCallback_${Date.now()}`; // 创建一个全局函数,用于处理JSONP响应 window[callbackName] = function(data) { // 在这里处理响应数据 resolve(data); cleanup(); }; // 清理回调函数 function cleanup() { delete window[callbackName]; script.parentNode.removeChild(script); } // 创建一个<script>标签并添加到页面上 const script = document.createElement('script'); script.src = `${url}?${serializeParams(params)}&callback=${callbackName}`; script.onerror = function() { reject(new Error('JSONP request failed')); cleanup(); }; document.body.appendChild(script); }); } // 辅助函数,将参数对象序列化为URL查询字符串 function serializeParams(params) { return Object.keys(params) .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(params[key])}`) .join('&'); } export default jsonp; ``` 使用这个封装的axios.jsonp函数,您可以像这样发送JSONP请求: ```javascript import jsonp from './jsonp'; jsonp('http://example.com/api', { param1: 'value1', param2: 'value2' }) .then(response => { // 处理响应数据 console.log(response); }) .catch(error => { // 处理错误 console.error(error); }); ``` 这个封装中,我们创建了一个全局唯一的回调函数名称,并将其作为参数传递给服务器。然后,我们创建一个全局函数来处理JSONP响应,并在Promise中进行resolve或reject。最后,我们创建一个`<script>`标签并将其添加到页面上,然后等待JSONP响应。 请注意,使用JSONP有一些安全风险,并且可能不适用于所有情况。在使用JSONP时,请确保您信任提供JSONP服务的服务器,并了解潜在的安全风险。 希望这可以帮助您实现使用axios发送JSONP请求!如有任何进一步的问题,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值