Jquery+Ajax+PHP请大神给写个实例,最好带上注释,发送请求,和如何相应。

Jquery+Ajax+PHP请大神给写个实例,最好带上注释,发送请求,和如何相应。,第1张

两个页面。

html中,假设有如下代码:

<script scr='jquery.js'></script>

<script>

$(function(){

    $("#helloajax").click(function() {

        $.post('ajax.php',{name:'zx',age:'26'},function(data) {

            $("#result").html(data)

        })

    })

})

</script>

<input type="button" id="helloajax" value="点我!"/>

<span id="result"></span>

这里先是引入jquery库。

然后给id为helloajax的元素绑定了一个点击事件,作用是当这个元素被点击时,执行function中的内容,即:使用jquery库的post方法发送一个post请求到ajax.php这个文件,发送的数据是name=zx,age=26。 后面的function(data)...是回调方法,即当post请求成功后,自动执行这个方法,将data插入到id为result的元素中显示出来,于是构成了一个简单的ajax功能。

data是ajax.php文件返回(输出的内容)的数据。

ajax.php内容大体可以为:

<?php

echo '你好,我是',$_POST['name'],',我的年龄是',$_POST['age']

?>

Jquery  的 $.post() 方法通过 HTTP POST 方式向服务器发送请求并获取返回的数据,可以实现ajax的提交、接收处理、返回;

例子:

$.post(

        // 接收数据的PHP页面

        url : 'action.php',

        // 传给PHP的数据,多个参数用&连接或者使用json格式数据:

        {a:'value1',b:'value2'},function(msg)

        {

            // 这里是请求发送成功后的回调函数。

            // msg是返回的数据

            if(msg.xx == xx)

            {

                #处理情况一

            }

            else

            {

                #处理情况二

            }     

        },'json')// 默认返回字符串,设置值等于json则返回json数据

jsp代码

<select id="typeId" class="form-control">

<option value="1">手机</option>

<option value="2">话费</option>

</select>

jquery代码

$("#typeId option").each(function(){

if($(this).val()=='${template.typeId}'){

$(this).attr('selected',true)

}

})

jquery中的${template.typeId}是页面加载时传过来的数据

${template.typeId}在不同的条件下可以有不同的传入方式,

比如html+jquery

其他代码都一样,你只需要ajax取得要用的值即可

比如jsp(freemarker)+jquery

和原文实例一样

jsp jquery 页面中select显示加载后的数据默认选中项


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11709246.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存