Jquery和Ajax

1、  ajax基础知识(http://www.0377joyous.com/archives/484.html)

2、  load()函数示例代码

<button id=”send”>触发</button>

<div class=”content”></div>

<script type=”text/javascript”>

/*$(function(){

$(“#send”).click(function(){

$(“.content”).load(“load.php?id=2”);//这里相当于访问了服务器然后返回纯html给这个页面,注意需要样式的话当然也在当前页面定义

});

});*/

//load.php页面很多内容,我只需要部分内容可以吗?

/*$(function(){

$(“#send”).click(function(){

$(“.content”).load(“load.php?id=2 .select”);//这里和上面只是多了一个.select;这里只是显示load.php页面中class=select那个区域的内容

});

});*/

//传递参数get和post传递

//get上面那样就可以

/*$(function(){

$(“#send”).click(function(){

$(“.content”).load(“load.php #post”,{name:”姓名”,age:”22″})

});

});*/

//回调函数,等待加载完成之后才能继续的操作,可以放在回调函数中执行.注意这个函数三个参数:返回的内容、请求状态、xmlhttprequest对象

</script>

而load.php页面代码如下:

<?php

echo “这里的内容是被加载的”.$_GET[‘id’];

?>

<br />

这是纯html

<div>

这是选中的内容

</div>

<div id=”post”>

这是POST传递测试

<?php

echo $_POST[‘name’].”年龄”.$_POST[‘age’];

?>

3、  get和post方法代码示例:

<form action=”#” id=”myform”>

留言标题:<input name=”title” id=”title” type=”text” /><br />

留言内容:<textarea name=”content” id=”content” rows=”2″ cols=”40″></textarea><br />

<input name=”sub” id=”send” value=”提交” type=”submit” />

</form>

<div class=”comment”>

<!–//评论内容显示–>

</div>

<script type=”text/javascript”>

//get的参数url地址,数据,回调函数,数据类型

//回调函数有两个 参数返回的内容,请求状态

/*$(“#send”).click(function(){

$.get(“get.php”, {

title: $(“#title”).val(),

content: $(“#content”).val()},function(data,textStatus){

$(“.comment”).html(data);

});

return false;

});*/

//post代码,get和post完全可以用load函数实现

$(“#send”).click(function(){

$.post(“get.php”, {

title : $(“#title”).val(),

content : $(“#content”).val()},function(data,textStatus){

$(“.comment”).append(data);

});

return false;

});

</script>

其中get.php代码如下:

<?php

//这里进行存入数据库操作

echo “POST数据:”;print_r($_POST);

echo “GET数据:”;print_r($_GET);

?>

4、  序列化元素

可以把上面的例子中js改写成

$(“#send”).click(function(){

//serialize()是序列化函数

$.post(“get.php”, $(“#myform”).serialize(),function(data,textStatus){

$(“.comment”).append(data);

});

return false;

});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Centos7安装protobuf

    1、更新Centos7下载源 更新之前记得备份!!! wget -O /etc/yum.repos.d/CentOS-Base.repo http://mi...

    苦咖啡
  • QQ互联开发小记

    QQ互联登录PHP-SDK,(-1)invalid openid错误—解决方法,问题现象是:部署了PHP-SDK之后,出现有时能登录,有时不能登录的情况,错误提...

    苦咖啡
  • Apache重载规则详解[二]

    续:Apache重载规则详解[一] 要求2: 很多模板技术mvc中总有index.php(显示在地址栏,看着很不友好,这个怎么重载?) 比如: http:...

    苦咖啡
  • MySQL 的四种 GROUP BY 用法

    在我的上一篇文章中,我们知道了通过索引或者其他的方式获取数据可能不是语句执行最耗时的操作。比如,MySQL 的GROUP BY可能会占据语句执行时间的90%.

    wubx
  • MySQL的四种GROUP BY用法

    在我的上一篇文章中,我们知道了通过索引或者其他的方式获取数据可能不是语句执行最耗时的操作。比如,MySQL 的GROUP BY可能会占据语句执行时间的90%.

    wubx
  • 爬虫神器:一条命令下载《复仇者联盟3:无限战争》

    听说你学会了爬虫,并且成功使用 urllib2/requests/scrapy 下载了想要的视频和音乐,但你有听过一条命令就能完成视频和音乐的下载呢?来看看今天...

    abs_zero
  • PHP模拟发送POST请求之四、加强file_get_contents()发送POST请求

    使用了笨重fsockopen()方法后,我们开始在PHP函数库里寻找更简单的方式来进行POST请求,这时,我们发现了PHP的文件函数也具有与远程URL交互的功能...

    枕边书
  • file_get_contents()函数超时处理方法

    file_get_contents — 将整个文件读入一个字符串 string file_get_contents ( string $filename [, ...

    joshua317
  • Oracle诊断案例-Job任务停止执行[最终版]

    Last Updated: Friday, 2004-11-26 9:48 Eygle

    数据和云01
  • Java实现QQ登录和微博登录

    个人网站最近增加了评论功能,为了方便用户不用注册就可以评论,对接了 QQ 和微博这 2 大常用软件的一键登录,总的来说其实都挺简单的,可能会有一点小坑,但不算多...

    java思维导图

扫码关注云+社区

领取腾讯云代金券