`
cyf1234
  • 浏览: 9294 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

    博客分类:
  • HTML
阅读更多

 

因为最近做的一个小东西用到了,看到网上专门对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" onclick="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>

分享到:
评论

相关推荐

    仿新浪微博php程序xweibo

    为了实现类似新浪微博的实时交互效果,XWeibo可能会使用AJAX技术,使得用户无需刷新页面就能更新信息。这涉及到XMLHttpRequest对象的使用,以及JavaScript处理响应数据。 5. **OAuth认证** 新浪微博采用OAuth协议...

    HTML新浪微博资料修改页面源代码

    9. **Ajax异步通信**:在修改资料的场景中,Ajax技术(Asynchronous JavaScript and XML)常用于在不刷新整个页面的情况下与服务器进行交互,提高用户体验。 10. **微博API**:如果页面与微博服务器进行数据交换,...

    简单的仿新浪微博发布框

    7. **AJAX**:如果支持图片上传或链接预览,可以使用jQuery的`$.ajax()`方法进行异步数据交互,将数据发送到服务器并接收反馈。 8. **图片上传**:可能涉及HTML5的File API,允许用户选择图片并在提交前预览。 9. ...

    仿新浪微博显示头像jquery插件

    【标题】"仿新浪微博显示头像jquery插件"是一个基于jQuery的JavaScript库,设计用于在网页上以类似于新浪微博的方式展示用户头像。这种插件在社交媒体应用、论坛、博客或其他需要展示用户形象的网站中非常实用,能够...

    jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示

    jQuery qtip浮动提示框插件新浪微博图片或文字ajax提示

    仿新浪微博jquery qtip ajax提示框

    通过以上技术的综合运用,"仿新浪微博jquery qtip ajax提示框"能够实现类似新浪微博的互动体验,为用户提供即时的、无刷新的信息提示服务。在实际开发过程中,还需要考虑到性能优化、错误处理、兼容性测试等方面,以...

    新浪微博API开发WEB应用

    总的来说,新浪微博API开发Web应用需要开发者具备扎实的Web开发基础,对API接口、OAuth认证机制有深入理解,并能够灵活运用这些知识构建安全、高效的Web应用。在实际操作中,还需要不断学习和适应新浪官方的更新和...

    新浪微博表情jQuery插件

    表情功能的实现虽说不难,但却比较繁琐,首先要了解新浪微博开放平台的表情API,然后通过某种方式调用,如果通过网页后台代码直接读取储存到JavaScript变量中,又会拖慢网页加载速度,如果采用AJAX读取,又要解决...

    python实现爬取新浪微博

    在实际操作中,我们通常会将爬虫代码组织成模块化的结构,比如定义一个User类来封装用户的登录和信息抓取逻辑,再创建一个Spider类来管理多个User实例,实现多线程或异步任务的爬取。在本项目`weiboSpider-master`中...

    jquery新浪微博图文混排切换效果

    综上所述,"jquery新浪微博图文混排切换效果"项目涵盖了jQuery的基础应用、DOM操作、事件处理、动画制作以及现代Web开发中的响应式设计等多个重要知识点。通过实践这样的项目,开发者可以提升自己的前端技能,更好地...

    jquery仿新浪微博动态显示

    【jQuery仿新浪微博动态显示】 在Web开发中,模拟社交媒体如新浪微博的动态加载效果是一项常见的需求。这涉及到前端JavaScript库jQuery的高效使用,以及Ajax技术来实现数据的异步加载。以下我们将深入探讨如何使用...

    新浪微博程序(C#)

    【描述】:这个程序的实现涵盖了微博应用中的多个关键模块,例如用户注册与登录、发布与查看微博、关注与取消关注用户、评论和转发等功能。开发者在创建这个项目时,可能使用了ASP.NET MVC或ASP.NET Core作为后端...

    新浪微博开放平台接入

    在接入新浪微博开放平台时,开发者需要注册应用,获取App Key和App Secret,然后通过OAuth流程获取用户的授权,才能合法地代表用户进行操作。 3. **JavaScript调用**:描述中提到“只需要js调用”,这意味着开发者...

    VS2008基于ajax异步操作 json (附源码)

    VS2008基于ajax异步操作 json (附源码)VS2008基于ajax异步操作 json (附源码)VS2008基于ajax异步操作 json (附源码)VS2008基于ajax异步操作 json (附源码)

    放新浪微博名片弹出层

    在IT行业中,用户体验是至关重要的,而模仿知名平台如新浪微博的功能设计可以为我们的应用或网站带来熟悉感和易用性。本项目名为“放新浪微博名片弹出层”,旨在实现一个与新浪微博类似的用户交互功能,即当鼠标指针...

    jQuery仿新浪微博@功能代码

    总结来说,这个项目通过使用jQuery和At.js插件,结合Ajax数据请求和适当的CSS样式,实现了类似新浪微博的@功能,提供了一种用户友好的提及他人的方法,增加了网页互动性。开发者可以根据需求自定义数据源、样式和...

    基于Python的新浪微博用户数据获取技术.pdf

    传统的通过官方API接口获取数据的方法因受限而难以应用,本文提出了一种基于Python的多线程爬虫技术,用于高效地获取新浪微博用户数据。 #### 2. Scrapy多线程爬虫框架 Scrapy是一个用于爬取网站数据和提取结构性...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    基于jQuery的模仿新浪微博ajax动态删除消息代码.zip

    在“基于jQuery的模仿新浪微博ajax动态删除消息代码.zip”这个压缩包中,我们可以预见到它包含了一个实现类似新浪微博的动态删除功能的示例代码。这个功能的核心在于使用Ajax进行无刷新的数据更新,以提供更好的用户...

Global site tag (gtag.js) - Google Analytics