我的ajax json 封装

最新推荐文章于 2023-06-02 09:52:10 发布
最新推荐文章于 2023-06-02 09:52:10 发布
阅读量53 收藏
点赞数
文章标签： json php xhtml
原文链接：http://www.cnblogs.com/wangkangluo1/archive/2011/08/24/2152590.html
版权

改变以往ajax回掉函数的问题:

文件：wkl_ajax.js

示例代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery.min.js" language="javascript" type="text/javascript">
</script>
<script src="wkl_ajax.js" language="javascript" type="text/javascript">
</script>
<script type="text/javascript">


function load()
    {
  _ape_json_.search("http://localhost/me.php", "com=13", function(meed){

           alert(meed.just+"12...");
       });

/*    
        _ape_json_.search("http://localhost/me.php",{company: "nihao"}, function(meed){

           alert(meed.just+"12...");
       });
        _ape_json_.search("http://localhost/test.php",{company: "nihao"}, function(meed){

           alert(meed.just+"12...");
       });
*/

    }

</script>
</head>

<body onload="load()">
<div class="me">test</div>
</body>
</html>

　　

　　

test.php

<?php
switch($_SERVER["REQUEST_METHOD"])
{
case "GET":
$the_request = &$_GET;
break;

case "POST":
$the_request = &$_POST; 
break;

}


if(isset($the_request['random_str']))
{
echo "_ape_json_.back && _ape_json_.back({just:\"fuckof\", random_str:";
echo ($the_request['random_str']);   
echo "})";
}


//echo "_ape_json_.back && _ape_json_.back({just:\"fu\"})"+$the_request;
?>

　　

me.php

<?php
switch($_SERVER["REQUEST_METHOD"])
{
case "GET":
$the_request = &$_GET;
break;

case "POST":
$the_request = &$_POST; 
break;

}


if(isset($the_request['random_str']))
{
echo "_ape_json_.back && _ape_json_.back({just:\"fu\", random_str:";
echo ($the_request['random_str']);   
echo "})";
}


//echo "_ape_json_.back && _ape_json_.back({just:\"fu\"})"+$the_request;
?>

　　

wkl_ajax.js

　　

完

转载于:https://www.cnblogs.com/wangkangluo1/archive/2011/08/24/2152590.html

weixin_30315723
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
封装json ajax函数
博客
01-18 160
前几天做项目多次用到了Ajax，有的时候一个js函数中要调用几次，每次都去写一大段麻烦的很，我就想为什么不去把Ajax调用的过程封装一下，把参数和链接传进去，然后把返回值传给调用函数来处理呢。想到我就去做了，写了这个个函数： [code="java"] /** * ajax提交 * @param url * @param param * @param callback回调函数 ...
【Ajax】 ajax的函数封装 json
Kaite_han的博客
12-11 315
ajax的函数封装 目的 当页面数据需要更新时，需要频繁使用Ajax通讯时，不进行ajax函数封装的话，需要针对不同请求追加不同的ajax处理代码，会产生代码冗余，所以ajax函数封装旨在减少代码冗余。 基本思路 将ajax请求所需要的各类参数以对象形式传入封装函数 请求参数要考虑的问题： 1.请求参数的位置问题 将请求参数传递到ajax函数内部，在函数内部根据请求方式的不同将请求参数放置在不同的位置 get 放在请求地址的后面 p
ajax json 封装,Ajax--json（Ajax调用返回json封装代码、格式及注意事项）
weixin_35709851的博客
08-05 418
Ajax调用json封装代码：//Ajax调用返回JSONpublic function JsonQuery($sql,$type=1,$db="mydb"){//定义数据源$dsn = "mysql:dbname={$db};host={$this->host}";//造pdo对象$pdo = new PDO($dsn,"{$this->uid}","{$this->pwd}"...
ajax封装jsonp,如何在ajax中封装jsonp
weixin_33721696的博客
08-06 136
三国纷争首先介绍下$.ajax的参数type：请求方式 GET/POSTurl:请求地址async:布尔类型，默认为true 表示请求是否为异步，如果为false表示为同步。dataType：返回的数据类型jsonp：传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)jsonpCallback：自定义的jsonp回调函数名称，默认为jQuery自动生成...
封装自己的jsonp、元素Ajax
Turbo的博客
12-30 1610
在封装自己的JSONP 服务之前，我们要先明白，什么是同源？为什么要跨越？ 首先我们要明白，同源策略是浏览器的一种安全策略，所谓同源是指，域名、协议、端口完全相同。 为什么要跨越？在开始前简单介绍一下CDN（contentdelivery network），CDN简称内容分发网络，当我们完成一个项目的时候，真正的功能性代码不多，可是静态资源确占很大一部分，如样式，图片等等，这些静态如果都向你这个
AjaxJson实体类与依赖包
10-09
在描述中提到的`AjaxJson.java`文件，就是这样一个实体类，它的设计目的是为了简化后端接口的返回数据封装，使得前端可以直接理解并处理这些数据。 `AjaxJson.java`的可能实现会如下所示： ```java public class ...
ajaxjson
03-30
服务器返回的数据以JSON格式封装，JavaScript可以轻松地将这些数据转换为可操作的对象。 2. **GET与POST请求**：Ajax可以发送GET或POST请求。GET请求通常用于获取数据，而POST请求用于提交数据到服务器。在POST请求...
vue-ajax小封装实例
08-29
在本文中，我们将深入探讨如何在Vue.js应用中进行AJAX的小封装实例。Vue.js是一个流行的前端JavaScript框架，它提供了一种简洁的方式来构建用户界面。然而，为了与服务器进行通信，我们通常需要使用Ajax技术来实现...
ajax封装实例代码
11-04
Ajax封装则是将常见的Ajax操作进行模块化处理，方便开发者在项目中快速、高效地实现数据交互。本篇文章将深入探讨Ajax封装实例代码及其相关知识点。 首先，我们来看Ajax的核心原理：通过JavaScript创建...
2020年 json，xml，ajax封装.rar
08-28
在"2020年 json，xml，ajax封装.rar"这个压缩包中，我们可能找到关于这三种技术的具体应用示例或教程。"day_05"可能代表一个学习过程中的第五天课程或者是一个特定项目的第五个部分。在这个文件中，你可能会学到： ...
初窥ajax（二） ——封装jsonp
帕尼尼的博客
12-18 640
初窥ajax（二） ——封装jsonp
ajax封装
最新发布
m0_67214567的博客
06-02 69
【代码】ajax封装。
Ajax 解释Ajax的XML和JSON格式，操作Ajax的几种封装方法【案例+解释】（二）
IT_Holmes的博客
05-26 624
文章目录1.Ajax同步的使用 1.Ajax同步的使用 一般在网页中，是不使用Ajax的同步的，因为同步，就必须依次执行，比较考验网络状况。这就像一个人在寄快递一样，同步，就必须把快递寄送完成，才能干其他事情，异步，再寄送完成前，就可以操作其他事情，就这么好理解。 下面，只是写一个和之前一样register.html中的，username，只不过这里使用的是同步。 username.onblur = function(){ var usernameValue = username.value;
JavaScript-初识ajax、ajax封装、及json对象使用(上)
可可的博客
11-28 1956
JavaScript-初识ajax、ajax封装、及json对象使用(上！) 一、初识ajax 1.什么是ajax呢 ajax 的全称是Asynchronous JavaScript and XML，其中， Asynchronous 是异步的意思,指的是异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 ajax是一种无需重新加整个网页的情况下，能够更新部分网页的技术 实时跟数据库做交互用的技术。 在不重新加载页面的情况下 通过后台与服务器进行少量的数据交换。aja
自己封装的AJAX (带JSON)
weixin_30808693的博客
09-12 50
自己封装的AJAX (带JSON) 最简单的封装的AJAX: function myajax(url,onsuccess,fail){ //确定是否支持xhr var xhr = new XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject('Microso...
Ajax将数据封装为JSON格式数据
球球之家
01-30 2391
核心包 依赖包  一个不能少 工具类 /** * 处理json数据格式的工具类 * */ public class JSONUtil { /** * 将数组转换成String类型的JSON数据格式 * * @param objects * @return */ public static String array2json(Object[] ob
通过jquery封装的ajax获取后台json数据
Wewon_real的博客
04-17 1761
var url = '${URL("pursiteProduct.action" , "deleteCatReadyTask")}'; $.ajax({ type: 'POST', dataType:"json", url : url, data:{'applyId':'${applyId}'}, cache: false, async: true, success:
js封装from表单数据为json串进行ajax提交
qq_20954959的博客
01-05 3508
json封装代码 function getFormJson(frm) { //frm：form表单的id var o = {}; var a = $("#"+frm).serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) {
ajax封装json数据
04-30
以下是一个简单的封装 Ajax 请求发送 JSON 数据的示例： ```javascript function sendJsonData(url, jsonData, successCallback, errorCallback) { var xhr = new XMLHttpRequest(); xhr.open('POST', url); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onload = function() { if (xhr.status === 200) { successCallback(xhr.response); } else { errorCallback(xhr.statusText); } }; xhr.onerror = function() { errorCallback(xhr.statusText); }; xhr.send(JSON.stringify(jsonData)); } ``` 使用方法： ```javascript var jsonData = {name: 'John', age: 30}; sendJsonData('http://example.com/api', jsonData, function(response) { // 成功处理响应的回调函数 console.log(response); }, function(error) { // 处理错误的回调函数 console.error(error); }); ``` 其中，`sendJsonData()` 函数接收四个参数： - `url`：请求的 URL； - `jsonData`：要发送的 JSON 数据； - `successCallback`：请求成功时执行的回调函数； - `errorCallback`：请求失败时执行的回调函数。 这个函数使用了 XMLHttpRequest 对象发送 POST 请求，并设置了请求头的 Content-Type 为 application/json，以告诉服务器发送的是 JSON 数据。在成功接收到响应时，执行 successCallback 回调函数；在请求出错时，执行 errorCallback 回调函数。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值