在chrome console中添加jQuery

由于现有seajs等封装，以及vue等其他框架，jQuery等已不使用，或不在全局暴露，即使网站中已使用jQuery，在console也使用不了。

所以考虑使用fetch加载jQuery库，fetch是web提供的一个可以获取异步资源的api，目前还没有被所有浏览器支持，它提供的api返回的是Promise对象，具体用法可参考：fetch的用法和示例详解 

在chrome中可以用以下代码加入jQuery：

fetch('https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js').then(r => r.text()).then(r => eval(r))

POST JSON 数据:

jQuery.ajax({
    "url":"/someurl",
    "method":"POST",
    "headers": { "Content-Type": "application/json"},
    "dataType":"JSON",
    "processData":false,
    "data":JSON.stringify({}),
    "success": function(data){
         console.log(data);
         copy(data);
    }
 })

POST application/x-www-form-urlencoded 数据

jQuery.ajax({
    "url":"/url",
    "method":"POST",
    "dataType":"JSON",
    "data": {"key": "value"},
    "success": function(data){
         console.log(data);
    }
 })

或

jQuery.ajax({
    "url":"/url",
    "method":"POST",
    "dataType":"JSON",
    "processData":false,
    "data": jQuery.param({"key": JSON.stringify(object)}),
    "success": function(data){
         console.log(data);
    }
 })

来自： stackoverflow

 

2025-05-09 10:35:22【出处】：https://www.cnblogs.com/i2u9/p/chrome-console-jquery.html

=======================================================================================