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 条评论
登录 后参与评论

相关文章

来自专栏各种机器学习基础算法

php链式操作的实现

一、什么是链式操作? 直接说链式操作,也许大家不清楚是什么,但是在平时使用框架的过程中,大家肯定见到过这样子的使用: $db->where()->limit()...

37770
来自专栏Python小屋

Python导入标准库和扩展库对象的几种方式

Python中的对象大概可以分为三类:内置对象、标准库对象和扩展库对象。其中内置对象是直接编译进解释器的可以直接使用,没有对应的Python源代码;标准库对象是...

65380
来自专栏十月梦想

Express框架之中间件(一)

如果我的的get、post回调函数中,没有next参数,那么就匹配上第一个路由,就不会往下匹配了。

9120
来自专栏性能与架构

Redis 实现安全队列

Redis的列表数据结构可以让我们方便的实现消息队列 例如用 LPUSH(BLPUSH)把消息入队,用 RPOP(BRPOP)获取消息 绝大部分的情况下,这...

47050
来自专栏mwangblog

Linux中的管道命令(一)

21940
来自专栏lgp20151222

idea报错:Error running $classname: Command line is too long. Shorten command line for $classname.

打印的变量太长了,超过了限制,这都会报错...我只想知道idea基于什么原理会报这个错...

1.4K30
来自专栏企鹅号快讯

Python模块

Python模块 可以将代码量较大的程序分割成多个有组织的、彼此独立但又能相互交互的代码片段,这些自我包含的有组织的代码段就是模块 模块在物理形式上表现为以.p...

28270
来自专栏知识分享

(一)Lua脚本语言入门

今天开始自己的Lua语言学习,Lua脚本语言,是介于应用程序和开发其应用程序的底层编程语言之间,,它很方便调用其它语言,它只是在载入时对其进行编译,而不像我们写...

44270
来自专栏云霄雨霁

了解Jalangi2

15500
来自专栏Python小屋

Python多线程编程中daemon属性的作用

在脚本运行过程中有一个主线程,若在主线程中创建了子线程,当主线程结束时根据子线程daemon属性值的不同可能会发生下面的两种情况之一: 如果某个子线程的daem...

35550

扫码关注云+社区

领取腾讯云代金券