插件83：获得Ajax请求

最新推荐文章于 2020-07-01 18:56:38 发布
最新推荐文章于 2020-07-01 18:56:38 发布
阅读量670 收藏
点赞数
分类专栏： PHP快速开发工具箱（一百个插件工具） 文章标签： ajax xmlhttprequest function url debugging web服务
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/manbujingxin/article/details/6966145
版权 
<html><head><title>AJAX GET Example</title>
</head><body><center />
<h1>Loading a page in-between <font face='Courier New'><div>…</div></font> tags</h1>
<div id='info'>The contents of this DIV will be replaced</div>

<script type="text/JavaScript">

PIPHP_JS_GetAjaxRequest('ajaxget.php',
   'url=http://amazon.com/mobile',
   document.getElementById('info'))

function PIPHP_JS_GetAjaxRequest(url, params, target)
{
   nocache = "&nocache=" + Math.random() * 1000000
   request = new PIPHP_JS_AjaxRequest()
   
   request.onreadystatechange = function()
   {
      if (this.readyState == 4)
         if (this.status == 200)
            if (this.responseText != null)
               target.innerHTML = this.responseText
// You can remove these two alerts after debugging
            else alert("Ajax error: No data received")
         else alert( "Ajax error: " + this.statusText)
   }

   request.open("GET", url + "?" + params + nocache, true)
   request.send(null)
}

function PIPHP_JS_AjaxRequest()
{
   try
   {
      var request = new XMLHttpRequest()
   }
   catch(e1)
   {
      try
      {
         request = new ActiveXObject("Msxml2.XMLHTTP")
      }
      catch(e2)
      {
         try
         {
            request = new ActiveXObject("Microsoft.XMLHTTP")
         }
         catch(e3)
         {
            request = false
         }
      }
   }
   return request
}
</script>

ajaxget.php:

<?php // ajaxget.php

if (isset($_GET['url']))
   echo file_get_contents($_GET['url']);

?>

插件说明：

插件83接受一个网页的URL地址和传递个网页的参数，以及一个用来保存结果的文档对象模型（DOM）。他不返回任何参数，但是如果操作成功，文档对象模型将保持从Web服务器返回的结果。如果操作失败，则出现一个有利于调试的警告窗口。在生产型网站上，我们可能希望禁用这种调试。他需要以下参数：

1.URL:调用Web页面或程序。

2.params:GET参数，用"&"把各参数分开，如var1=value1&var2=value2。

3. target： DOM元素，用来保存调用返回的结果。

manbujingxin
关注
专栏目录
写了个chrome插件：拦截ajax请求并修改返回结果！
weixin_34363171的博客
03-08 1万+
用空闲时间搞了这个插件，可以拦截页面上的 ajax 请求，并把返回结果替换成任意文本。它对mock数据、排查一些线上问题等会有很大帮助。（当然 chales 等抓包软件也可以做到，然而使用起来比较繁琐，做成 chrome 插件的形式会方便许多）以下是使用效果，用掘金这个网站示例。通过修改 ajax 请求结果，我把第一条文章标题替换成了“这标题特调皮（Σ（ﾟдﾟlll）句内三押×2）”：（不瞒你们...
js中的原生Ajax和JQuery中的Ajax
weixin_30808575的博客
06-08 101
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 js中的Ajax： 参数介绍： open(String method,String url,boolean asynch); 准备请求: url： get/post true/fals...
AJAX优缺点
nftdxnftdx
11-24 598
    传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然後返回一个新的网页。这个做法浪费了许多带宽，因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。　　与此不同，AJAX应用可以仅向服务器发送并取回
Iframe模拟Jquery.Ajax
04-21
本人开发的积累总结，Iframe模拟Ajax 可以跨越的操作。
$.ajax方法
温一杯酒的博客
11-23 202
$.ajax方法 转摘自博客园Tyler Ning [http://www.cnblogs.com/tylerdonet/] 1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。 3.timeout:...
chrome扩展插件获取ajax请求记录
04-06
总之，Chrome扩展插件获取Ajax请求记录是一项重要的Web开发技能，它可以帮助开发者优化应用性能，调试网络问题，提升开发效率。了解如何利用Chrome的内置工具和扩展插件进行网络请求分析是每个前端开发者不可或缺的...
postmessage-proxied-xhr:跨域ajax请求的简单polyfill
06-14
还提供了一个简单的 jQuery 插件，它允许基于 jQuery 的 ajax 请求透明地使用 polyfill。 用法 假设您有一个位于的网站，该网站公开了您希望从访问的跨源 REST API。 在创建一个文件并将以下代码放入其中： <...
cakephp-ajax：用于CakePHP的AJAX：用于简化处理AJAX请求的插件
01-28
CakePHP Ajax插件 一个CakePHP插件，使使用AJAX变得容易。 该分支适用于CakePHP 4.0+ 。 有关详细信息，请参见。 这个插件是做什么用的？ 基本上是DRY（不要重复自己）和简单的AJAX处理。 演示版 有关实时演示，...
ajaxProxy:ajaxProxy 是一个ajax请求发送代理，支持链序请求和阻塞请求
06-03
ajaxProxy是一个异步请求的代码发送器，提供一种可读性更好的接口来实现异步请求的流程控制，并且提供了阻塞式请求，在执行这类请求前会将页面上其他并发请求中止掉。 阻塞式请求 ajaxProxy提供了blockReq函数实现对...
Ajax 请求的三种写法
Nick.Peng's Blogs
09-20 7355
Ajax 请求简介： Ajax即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术 ajax技术的目的： 是让js发送http请求，实现与服务端通信，即数据交互 ajax的两个主要好处： 异步请求 局部刷新（无刷新） 数据接口： 数据接口是后台提供的...
ajax传值给控制器
谁念西风的博客
03-29 8846
1.ajax (1)底层方法 $.ajax( { 参数 }); 参数 type: url: data: success:function(){} error:function(){} ajax代码 type:方式2种，get/post url: mvc中交给控制器语法(/controller/action) data:这里是键值对形式,下面等会介绍
ajax事件请求
淡水无华的博客
10-30 685
ajax请求原理
80个优秀的AJAX方案
hello1979cn的专栏
06-15 749
Ajax作为一种WEB上的技术，已经广被开发人员接受，在过去的两三年内，互联网上涌现出了很多很多的很有创意的Ajax的解决方案，令人赞叹。这里，介绍了80以上的AJAX用法以及其脚本资源，希望对你的开发有帮助。Auto Complete Scripts1. AJAX AutoSuggest2. AJAX Autocompleter / script.aculo.us library
AJAX基本内容
hebo5207_的博客
10-27 325
// 简单的ajax语句 从服务器接收消息并打印到界面上 $.ajax({ type:"post", url:"/Ajax/ShowShengServlet", dataType:"json", success: function(data){ //alert(data); $.each(data,f
实现Ajax的基本步骤
iteye_10047的博客
05-21 1364
要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取异步调用返回...
JQuery _ AJAX 记录
永不止步
03-14 944
定义和用法 ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。 最简单的情况下，$.ajax() 可以不带任何参数直接使用。 ...
Ajax---详解
莫莫
07-01 4788
AjaxHTTPhttp请求方式中的8中请求方式请求报文响应http请求/响应的步骤客户端链接到web服务器发送http请求服务器接收请求返回HTTP响应释放链接TCP链接客户端浏览器解析HTML内容http响应状态码GET与POST请求区别HTTP主要特点无连接无状态简单快速灵活支持B/S 与C/S原生的---Ajax什么是AjaxAjax的优势Ajax的缺点同步异步Ajax的实现步骤Ajax---GET方法案例Ajax---POST方法案例Ajax的方法中的名词解释文件上传jQuery中的---Ajax
AJAX
商晓沐的博客
08-25 3716
AJAX 关于ajax和异步 什么是ajax? 交互式网站开发技术 实现动态更新（局部）的内容 优点： 提升浏览器的加载速度 实现了局部刷新 表单验证（增强用户体验） Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术 本质:是在HTTP协议的基础上以异步的方式通过XMLHttp...
写个chrome插件 要求：拦截ajax请求并修改返回结果
最新发布
06-11
好的，下面是大致的步骤： 1. 创建一个新的Chrome插件项目，可以在manifest.json文件中指定需要的权限，例如拦截网络请求和访问DOM。 2. 在background.js文件中编写拦截请求的代码。可以使用chrome.webRequest.onBeforeRequest监听XMLHttpRequest和fetch请求，并在回调函数中修改响应结果。 ```javascript chrome.webRequest.onBeforeRequest.addListener( function(details) { // 拦截请求并修改响应结果 return {redirectUrl: "data:text/plain;charset=UTF-8," + encodeURIComponent("Hello, World!")}; }, {urls: ["<all_urls>"]}, ["blocking"] ); ``` 3. 在manifest.json文件中指定需要注入的内容脚本，例如可以在所有页面注入一个JS文件，以便在页面上修改响应结果。 ```json "content_scripts": [ { "matches": ["<all_urls>"], "js": ["content.js"] } ] ``` 4. 在content.js文件中编写修改响应结果的代码。可以使用MutationObserver监听DOM的变化，并在回调函数中修改响应结果。 ```javascript var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { // 修改响应结果 mutation.target.textContent = "Hello, World!"; }); }); observer.observe(document, {subtree: true, characterData: true, childList: true}); ``` 5. 打包并安装插件。在Chrome浏览器中打开扩展程序页面，点击“加载已解压的扩展程序”按钮，选择插件的根目录，即可安装插件并测试拦截和修改请求的功能。 以上是一个简单的拦截和修改请求的Chrome插件的步骤，具体实现还需要根据自己的需求进行调整。希望这些信息能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值