php+jquery+ajax简单Ajax调用示例

html网页: !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-type content=text/html; charset=utf-8script type=text/javascript src=http://code.jquery.com/jquery-1.8.2.min.js/scriptscript type=text/javascript $(function(){ //按钮单击时执行 $(#test
html网页:
 
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        //按钮单击时执行
        $("#testAjax").click(function(){
              
              //Ajax调用处理
            var html = $.ajax({
               type: "POST",
               url: "add.php",
               data: "name=garfield&age=18",//在php中data: "name=$tt&id=$id&content="+text,
               async: false


            }).responseText;
            $("#myDiv").html('<h2>'+html+'</h2>');
         });
    });
</script>    
</head>
    <body>
        <div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
        <button id="testAjax" type="button">Ajax改变内容</button>
    </body>
</html>
 
 
add.php
 
<?php
$msg='Hello,'.$_POST['name'].',your age is '.$_POST['age'].'!';
 echo $msg;
?>
 
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

页面跳转ajax载入在jqueryMobile的开发当中我们经常会遇到一些问题: 1、无法跳转到后一个页面 2、跳转到后一个页面事件或样式失效,需刷新一次可恢复正常 原因:JQM,为了是页面访问速度加快,每一个链接都是通过AJAX 方式进行载入,不会加载新页面head 区
本文实例为大家分享了php上传文件功能的具体代码,供大家参考,具体内容如下 html: form action=upload_file.php method=post enctype=multipart/form-data label for=file文件名:/label input type=file name=file id=filebr input type=submit name=subm
以下是完整参考代码,index.php为登录页面,ajax.php为处理ajax无刷新请求页面。 index.php !DOCTYPE htmlhtml head meta charset=utf-8 / title登录/title script type=text/javascript src=http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js/script /hea
Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: some.php, async: false}).responseText; 或者在全局设置Ajax属性 $.ajaxSetup({ async: false }); 再用post,get就是同步的了
在JQUERY AJAX开发中遇到了下面的一个问题,在执行AJAX请求的时候,需要传递一个50%的参数,而这个参数中含有特殊字符%。这样的话就会出现问题了,我们知道服务器在发送请求的时候,会将url中的参数转化成类似于%2C%2F%3F%3A%40%26%3D%2B%24%23,所以在我们
定义和用法 post() 方法通过 HTTP POST 请求从服务器载入数据。 语法 jQuery.post( url , data , success(data, textStatus, jqXHR) , dataType ) 参数 描述 url 必需。规定把请求发送到哪个 URL。 data 可