2010 三月

jquery
1、代码简练、语义易懂、学习快速、文档丰富。
2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的java script包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的为jQuery扩展其他功能。
6、能将JS代码和HTML代码完全分离，便于代码和维护和修改。
7、插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、
DataGrid，树形菜单、图像特效以及ajax上传等。
jQuery的设计会改变你写java script代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还
是资深专家，jQuery都将是您的首选。
jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何java script应用的地方，可用于不同
的Web应用程序中。
(全文…)

ajax, jquery web No Comments

一个jquery-ajax post例子ajax 登陆

星期三, 三月 17th, 2010

这个例子网上应该满多的
学习笔记转载
index.html文件

<html> 
<head> 
<title>jQuery Ajax 实例演示</title> 
</head> 
<script src="./js/jquery.js" type="text/java script"></script>  
<script type="text/java script">
$(document).ready(function(){//这个就是jQueryready  ，它就像C语言的main 所有操作包含在它里面
    $("#button_login").mousedown(function(){ 
   login(); //点击ID为"button_login"的按钮后触发函数 login();
    });
});
function login(){ //函数 login();
 var username = $("#username").val();//取框中的用户名
 var password = $("#password").val();//取框中的密码
 $.ajax({ //一个Ajax过程  
   type: "post",  //以post方式与后台沟通
   url : "login.php", //与此php页面沟通
   dataType:'json',//从php返回的值以 JSON方式 解释
   data:  'username='+username+'&password='+password, //发给php的数据有两项，分别是上面传来的u和p   
   success: function(json){//如果调用php成功
 
                        //alert(json.username+'\n'+json.password); //把php中的返回值（json.username）给 alert出来
 
   $('#result').html("姓名:" + json.username + "<br/>密码:" + json.password); //把php中的返回值显示在预定义的result
定位符位置 
 
 
                          }   
           });
 
 
 
  //$.post()方式：  
  $('#test_post').mousedown(function (){  
    $.post(  
      'login.php',  
      {  
        username:$('#username').val(),  
        password:$('#password').val() 
      },  
      function (data) //回传函数  
      {  
        var myjson='';  
        eval('myjson=' + data + ';');  
        $('#result').html("姓名1:" + myjson.username + "<br/>密码1:" + myjson.password);  
      }  
    );  
   }); 
 
 
 
  //$.get()方式：  
  $('#test_get').mousedown(function ()  
  {  
    $.get(  
      'login.php',  
      {  
        username:$('#username').val(),  
        password:$('#password').val() 
      },  
      function(data) //回传函数  
      {  
        var myjson='';  
        eval("myjson=" + data + ";");  
        $('#result').html("姓名2:" + myjson.username + "<br/>密码2:" + myjson.password);   
      }  
    );  
  });  
 
 
 
 
 }
</script>
<body> 
 <div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div> 
 
  <form id="formtest" action="" method="post"> 
 
    <p><span>输入姓名:</span><input type="text" name="username" id="username" /></p> 
    <p><span>输入密码:</span><input type="text" name="password" id="password" /></p> 
  </form> 
  <button id="button_login">ajax提交</button> 
 
  <button id="test_post">post提交</button> 
 
  <button id="test_get">get提交</button> 
 
 
 
</body> 
</html>

<?php
echo json_encode(array ('username'=>$_REQUEST['username'],'password'=>$_REQUEST['password']));
?>

ajax, jquery web No Comments

php jquery ajax中文乱码

星期二, 三月 16th, 2010

PHP发送中文、Ajax接收
只需在php顶部加入一句：

header('Content-type: text/html;charset=GB2312');

xmlHttp会正确解析其中的中文。

Ajax发送中文、PHP接收
这个比较复杂：
Ajax中先用encodeURIComponent对要提交的中文进行编码
PHP中：

$view=iconv( 'UTF-8', 'gb2312//IGNORE' , $_POST['view']);

ajax, jquery, php php No Comments

PHP使用reCAPTCHA作为验证码来保护您的网站

星期一, 三月 15th, 2010

CAPTCHA，其全称是“全自动区分计算机和人类的图灵测试”（completely automated public Turing test to tell computers and humans apart）。
现在通过使用 Google免费的reCAPTCHA服务，您可以轻松地在您自己的网站上利用这项技术。
首先
我们需要申请一个 KEY
类似于GOOGLE MAP的API KEY一样
在reCAPTCHA网站注册一个API key(免费)。并记录下你的private key和 public key。
https://admin.recaptcha.net/accounts/signup/
然后去GOOGLE CODE 下载类库
http://code.google.com/p/recaptcha/downloads/list?q=label:phplib-Latest

调用类

require_once('recaptchalib.php');
$publickey = "..."; // you got this from the signup page
echo recaptcha_get_html($publickey);

验证部分

require_once('recaptchalib.php');
$privatekey = "...";
$resp = recaptcha_check_answer ($privatekey,
                                $_SERVER["REMOTE_ADDR"],
                                $_POST["recaptcha_challenge_field"],
                                $_POST["recaptcha_response_field"]);
 
if (!$resp->is_valid) {
  die ("The reCAPTCHA wasn't entered correctly. Go back and try it again." .
       "(reCAPTCHA said: " . $resp->error . ")");
}

官方还提供了一个 EXAMPLE

<html>
  <body>
    <form action="" method="post">
<?php
 
require_once('recaptchalib.php');
$publickey = "...";
$privatekey = "...";
 
# the response from reCAPTCHA
$resp = null;
# the error code from reCAPTCHA, if any
$error = null;
 
# are we submitting the page?
if ($_POST["submit"]) {
  $resp = recaptcha_check_answer ($privatekey,
                                  $_SERVER["REMOTE_ADDR"],
                                  $_POST["recaptcha_challenge_field"],
                                  $_POST["recaptcha_response_field"]);
 
  if ($resp->is_valid) {
    echo "You got it!";
    # in a real application, you should send an email, create an account, etc
  } else {
    # set the error code so that we can display it. You could also use
    # die ("reCAPTCHA failed"), but using the error message is
    # more user friendly
    $error = $resp->error;
  }
}
echo recaptcha_get_html($publickey, $error);
?>
    <br/>
    <input type="submit" name="submit" value="submit" />
    </form>
  </body>
</html>

php, 验证码 php No Comments

Archive for 三月, 2010

bingou脑筋急转弯 @brain用法

bingou问题学习@learn用法

php 全角转半角

python http post数据表单

动态磁盘不可读取/我手贱转了动态磁盘

PHP时间变成几秒前,几分前,几小时前,几天前SNS模式

jQuery的Ajax使用笔记转

一个jquery-ajax post例子ajax 登陆

php jquery ajax中文乱码

PHP使用reCAPTCHA作为验证码来保护您的网站

Pages

Archives

Categories