使用Script元素发送JSONP请求的方法
// 根据指定URL发送一个JSONP请求
//然后把解析得到的相应数据传递给回调函数
//在URL中添加一个名为jsonp的查询参数,用于指定该请求的回调函数的名称
function getJSONP(url, callback){
//为本次请求创建一个唯一的回调函数名称
var cbnum = "cb"+getJSONP.counter++;
var cbname = "getJSONP."+cbnum;
if(url.indexof("?") === -1){
url += "?jsonp="+cbname;
}els
JSONP（JSON with Padding）是一种跨域数据交互协议，它利用了`<script>`标签可以跨域加载资源的特性来实现浏览器与服务器之间的通信。在Web应用中，由于同源策略的限制，JavaScript通常不能直接访问不同源的资源，但JSONP提供了一种绕过这种限制的方式。
以下是对标题和描述中所述知识点的详细说明：
1. **Script元素**：在HTML中，`<script>`元素用于引入外部JavaScript文件或内联脚本，也可以用来动态加载远程脚本。在这个场景中，我们用它来加载一个包含JSON数据的JavaScript文件。
2. **JSONP请求**：JSONP的核心是通过`<script>`标签的`src`属性指向一个服务器提供的URL，这个URL会返回一个JavaScript函数调用，函数名是客户端指定的，参数是服务器返回的数据。由于这是一个脚本，所以它可以不受同源策略的约束，被浏览器执行。
3. **回调函数**：在JSONP中，回调函数是客户端预先定义的一个函数，用于处理服务器返回的数据。在示例代码中，`callback`参数就是用户提供的回调函数，它会被嵌入到服务器返回的JavaScript代码中，当脚本执行时，服务器数据将作为参数传递给这个回调函数。
4. **URL参数`jsonp`**：为了指定回调函数名，我们需要在URL中添加一个名为`jsonp`的查询参数，其值是客户端的回调函数名称。在示例代码中，`cbnum`是生成的唯一回调函数ID，将其添加到`getJSONP`命名空间下，确保回调函数不会与其他函数冲突。
5. **动态创建Script元素**：通过`document.createElement("script")`创建一个新的`<script>`元素，然后设置其`src`属性为带有`jsonp`参数的URL，最后将其插入到DOM中，浏览器会自动加载这个脚本。
6. **删除Script元素**：在数据处理完毕后，需要清理已加载的`<script>`元素以避免内存泄漏。在示例中，使用`script.parentNode.removeChild(script)`移除这个元素。
7. **全局命名空间管理**：为了避免回调函数名称冲突，`getJSONP`对象用于存储临时的回调函数，并在使用后立即删除。`counter`属性用于生成唯一的回调函数ID。
8. **安全考虑**：虽然JSONP提供了跨域数据交互的途径，但它也有一定的安全风险。例如，如果服务器返回的不是预期的函数调用，而是恶意代码，可能会导致安全问题。因此，在实际使用中，需要对服务器返回的内容进行验证和错误处理。
总结来说，JSONP是通过动态创建`<script>`标签并指定一个回调函数来实现跨域数据获取的技术，它依赖于服务器返回一个可以被执行的JavaScript函数调用。示例代码中的`getJSONP`函数就是一个实现JSONP请求的简单示例，它包括了生成唯一回调函数名、构建URL、动态插入`<script>`元素以及处理数据和清理的步骤。
