登高望远 » jquery http://www.dengor.com 努力往上 只为看得更远一点点...... Mon, 06 Feb 2012 08:59:41 +0000 en hourly 1 http://wordpress.org/?v=3.1.3 Jquery使用php进行ajax调用例子 http://www.dengor.com/archives/763.html http://www.dengor.com/archives/763.html#comments Sat, 10 Apr 2010 07:04:24 +0000 dengor http://www.dengor.com/?p=763

使用Jaquery结合php可以很方便实现ajax调用。 下面是一个例子：

HTML代码：

—————————————————————————

<html>
<head>
<title> TEST </title>
<meta name=”generator” content=”editplus” />
<meta name=”author” content=”" />
<meta name=”keywords” content=”" />
<meta name=”description” content=”" />
<script type=”text/javascript” src=”jquery-1.2.6.pack.js”></script>
<script type=”text/javascript”>
<!–
$(document).ready( function () {
$(‘#btn’).click ( function () {
$.ajax({
url: ‘http://localhost/call.php’,
type: ‘POST’,
data:’name=’+$(‘#name’).val(),
dataType: ‘html’,
timeout: 1000,
error: function(){
alert(‘Error loading XML document’);
},
success: function(html){
$(‘#text’).html(html);
}
});
});
})
//–>
</script>
</head><body>
<div id=”text”></div>
<input type=”text” id=”name” name=”name” />
<input type=”button” value=”DO IT .” id=”btn”/>
</body>
</html>

—————————————————————————

call.php代码

—————————————————————————

<?php
$name = $_POST['name'];
echo “you say : “.$name;

?>

—————————————————————————

相关文章
]]> http://www.dengor.com/archives/763.html/feed 0 Jquery中value属性的使用方法 http://www.dengor.com/archives/253.html http://www.dengor.com/archives/253.html#comments Sat, 10 Oct 2009 03:48:00 +0000 dengor http://www.dengor.com/?p=253     Jquery中我们经常要用到获取元素的value, 因为Jquery的易用性, 我们经常想当然地使用,就容易出错.

如有一个<input name="ip" id="ip" value="value">

为了取得value,可能会样写  $("#ip").value;
其实上面的写法是错的, 正确的写法是  $("#ip").val();

同样的道理 改变value值应该是: $("#ip").val("new value"); 

记录一下,以免下次再出错  :)

 

本页链接:  http://www.dengor.com/archives/253.html

相关文章
]]> http://www.dengor.com/archives/253.html/feed 0 Jquery实现同级元素区别对待 http://www.dengor.com/archives/87.html http://www.dengor.com/archives/87.html#comments Fri, 31 Jul 2009 13:11:55 +0000 dengor http://www.dengor.com/?p=87       对一个没有确定数目的element,   如果有的元素跟其它的不一样,处理起来很麻烦.  比如一个网站的导航菜单,我们希望在第每个菜单项的中间加个  | 来分隔, 这样的情形如果每项都用相同的style, 最后的一个也会出现一个分隔, 显然这不是我们所想要的. 所以你必须到程序中设置输出最后一项时,使用不同的Class.  这样程序和页面两个方面都要更改.

     其实如果我们用Jquery的强大元素选择能力,完全可以不用去修改程序,只要在页面和加上几行JS代码就可以实现.

 前提是页面载入了jquery, 加入以下代码:

$(document).ready(function() {
	$("#menu li:last").addClass("noseptation");
});

     其中的$("#menu li:last")就是选择了id为menu的区块最后一个<li> ,后面就是加上一个class,这个class设置没有分隔符就行了. 我们可以看出,

     这种方法很简单, 还可以选择first,second,third…last,都可以加上不同的class. 确实很方便.

 

相关文章
]]> http://www.dengor.com/archives/87.html/feed 2