ajax运用post方式传递多值异步操作，附转发新浪微博方法

最新推荐文章于 2024-07-17 18:42:40 发布
最新推荐文章于 2024-07-17 18:42:40 发布
阅读量269 收藏
点赞数
分类专栏： HTML 文章标签： html ajax

 

因为最近做的一个小东西用到了，看到网上专门对ajax的post方式讲解的不太多，就自己贴些demo的code给大家看下。至于为何不用GET方式就不再赘述了。详见代码。呵呵

网页code：


<html>

<head>

<meta http-equiv="Content-Language" content="en" />

<meta name="GENERATOR" content="Zend Studio" />

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<title>ajax运用post方式传递多值异步操作</title>

</head>

<body bgcolor="#FFFFFF" text="#000000" link="#FF9966" vlink="#FF9966" alink="#FFCC99">

<input type="button" id="vote" οnclick="postaction('联想','thinkpad系列','商务最佳伴侣','http://www.yafei.tk');" value="点我吧">

<!--<span id="show"></span>-->

</body>

</html>

 

<script>

function createObject()

{

var objXMLHttp=null;

if (window.XMLHttpRequest)

{

objXMLHttp=new XMLHttpRequest();

}

else if (window.ActiveXObject)

{

objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

return objXMLHttp;

}

var xmlHttp = null;

function cardAction(product,linkurl)

{

xmlHttp = createObject();

url="logvote.php";

xmlHttp.open("POST",url,true);

xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xmlHttp.send("model="+product+"&voteurl="+linkurl);//运用ajax post多个值时，也是拼接字符串，但是我们制定POST方式。

xmlHttp.onreadystatechange=stateChanged;

}

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

if (xmlHttp.responseText != "")

{

document.getElementById("show").innerHTML=xmlHttp.responseText;

}

else

{

document.getElementById("show").innerHTML="错误!";

}

}

}

</script>

 

 

<script type="text/javascript">

 

function postaction(brand,product,getname,linkurl){

cardAction(product,linkurl);

var speak="恭喜"+brand+"品牌的"+product+"产品获得了"+getname+"的称号！" //定义转发字符串

var _url = encodeURIComponent(document.location); //

var _appkey = encodeURI("appkey");

// var _pic = encodeURI('http://www.baidu.com/img/baidu_sylogo1.gif'); //可以穿过来图片url地址进行转发的

var _site = ''; //网站地址

var _u = 'http://service.t.sina.com.cn/share/share.php?url=&URL&&appkey=&title=&COUPLETS&&pic=&PIC&&ralateUid='

_u = _u.replace("&URL&", _url); //网站地址

// _u = _u.replace("&PIC&", _pic); // 所生成的图片的url地址,

_u = _u.replace("&COUPLETS&", speak);

window.open(_u, '', 'width=700, height=500, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, location=yes, resizable=no, status=no');

}

</script>

亚飞正传
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Apache 转发获取新浪微博https数据
零下一度
10-24 1303
针对新浪微博开放平台   首先新浪微博基础地址为：baseURL=https://api.weibo.com/2,注意：这里是https请求 现在我们需要修改这个基础地址改为apache地址 。http：//127.0.0.1/2   现在我们已经将请求转发给apache，但由于新浪是https请求，所以我们需要二次转发将http转发为https 在apache http-vho
使用异步Post在新浪发微博
lqm0628的博客
12-29 358
#import "ViewController.h" @interface ViewController () { NSMutableData *mPostData; } @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional
ajax 多用户 post,在AJAX请求中提交多个POST值
weixin_28956753的博客
08-05 301
我有使用“actions”提交给我的functions.php文件的AJAX请求的TON。然后在我的functions.php文件中，我有许多代码块，如下所示。在AJAX请求中提交多个POST值当我查看开发人员工具时，我的functions.php文件也被多次调用(每个AJAX POST都有一个)。我正在考虑在上线时使用Amazon S3，并根据发送的POST请求数量收取费用。我所关心的另一个问题...
使用Ajax发送http请求（get&post请求）
Null的博客
02-18 2656
目录   同步和异步 同步和异步的概念 异步更新网站 Ajax Ajax 的概念 发送 Ajax 请求的五个步骤 Ajax 请求：get 请求举例 Ajax 请求：post 请求举例 XMLHttpRequest 对象详解 发送请求 POST请求时注意 onreadystatechange 事件 服务器响应的内容 Ajax 传输 XML XML 语法 XML 解析...
关于Ajax异步请求(实时刷新)
superliug的博客
11-06 2479
关于Ajax异步请求(实时刷新) 异步请求简介 AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。 有很多使用 AJAX 的应用程序案例：新浪...
ajax异步读取后台传递回的下拉选项的值方法
12-29
jsp中html相关代码 请选择展会： <select name=select id=jieci onchange=getChange()> 选择展会 </select> [removed] loadjieci('- 选择展会 -'); [removed]  * <span
Ajax 对象 包含post和get两种异步传输方式
10-29
Ajax对象接受一个对象字面量为参数，这个对象字面量中包含method，url，success，params，fail参数
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
10-25
主要介绍了JQuery的Ajax中Post方法传递中文出现乱码的解决方法,较为深入的分析了Ajax的post方法出现乱码的原因,以及具体的解决方法,需要的朋友可以参考下
Ajax 介绍及实现方式
weixin_47277897的博客
09-18 337
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。 AJAX 应用 运用 XHTML+CSS 来表达资讯； 运用 JavaScript 操作 DOM（Document O..
vue中通过post方式异步上传文件
热门推荐
xjun0812的博客
03-13 1万+
功能需求：根据后台接口需求，需通过异步的方式post提交上传文件，并根据返回的信息作出相应的提示。页面已提前写好了，如下：思路分析：1、创建一个FormData空对象，然后使用append方法添加key/value。选择formData是因为formData传输的数据格式和表单通过submit()方法传输的数据格式一样。添加key/value之后如果打印FormData只会得到一个空对象，但是不影...
新浪微博Android 客户端通过HTTP POST发布图片和文字源代码
--------→成人不自在，自在不成人℃ ------------
03-07 4863
<br /> 1、发送图片+文字<br />要特别注意，图片的文件名要为 pic 才会被新浪接收。<br /> Map map = new HashMap(); map.put("source", "appkey");//改成自己的key map.put("status", txt); postImg("http://api.t.sina.com.cn/statuses/upload.json",map,Environment.getExternalStorageDirectory(
Web开发：四角线框效果（HTML、CSS、JavaScript）
最新发布
m0_65029152的博客
07-17 882
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
C# Word转换HTML（附在线转换工具）
学习和分享
07-17 966
根据你的具体需求（如是否需要Microsoft Office、性能要求、成本考虑等），你可以选择使用或Aspose.Words来将Word文档转换为HTML。如果你正在寻找一个不依赖于Microsoft Office的解决方案，并且需要更多的灵活性和控制，那么Aspose.Words可能是一个更好的选择。
Html_Css问答集(11)
白话魔法师
07-16 846
html与css学习中的一些疑问，问答中轻松获取知识。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值