夺命雷公狗jquery---57Ajax+XML实现对大批量数据的编辑

最新推荐文章于 2025-08-22 11:32:18 发布

转载最新推荐文章于 2025-08-22 11:32:18 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leigood/p/4924327.html

文章标签：

#javascript #php #ViewUI

本文介绍了一个简单的示例，通过使用Ajax发送异步请求到PHP后端，实现两个数字的加减乘除运算，并将结果以XML格式返回前端进行显示。此示例涉及前端HTML页面的搭建、jQuery库的使用以及PHP后端处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.js"></script>
        <script>
            $(function(){
                $('#btnok').bind('click',function(){
                    var first = $('#first').val();
                    var second = $('#second').val();
                    var data = {
                        'first':first,
                        'second':second
                    };
                    //发送ajax请求
                    $.post('ajax6.php',data,function(msg){
                        //第一种方案
                        /*
                        var jia = msg.getElementsByTagName('jia')[0].childNodes[0].nodeValue;
                        var jian = msg.getElementsByTagName('jian')[0].childNodes[0].nodeValue;
                        var cheng = msg.getElementsByTagName('cheng')[0].childNodes[0].nodeValue;
                        var chu = msg.getElementsByTagName('chu')[0].childNodes[0].nodeValue;

                        alert(jia+'--'+jian+'--'+cheng+'--'+chu);
                        */

                        //第二种方案
                        var jia = $(msg).find('jia').text();
                        var jian = $(msg).find('jian').text();
                        var cheng = $(msg).find('cheng').text();
                        var chu = $(msg).find('chu').text();
                        
                        alert(jia+'--'+jian+'--'+cheng+'--'+chu);
                    },'xml')
                });
            });
        </script>
    </head>
    <body>
        第一个数：<input type="text" id="first" />
        <hr />
        第二个数：<input type="text" id="second" />
        <hr />
        <input type="button" id="btnok" value="计算" />
    </body>
</html>

PHP代码如下：

<?php
    $first = $_POST['first'];
    $second = $_POST['second'];

    $jia = $first + $second;
    $jian = $first - $second;
    $cheng = $first * $second;
    $chu = $first / $second;

    $str = <<<str
        <counter>
            <jia>$jia</jia>
            <jian>$jian</jian>
            <cheng>$cheng</cheng>
            <chu>$chu</chu>
        </counter>
str;
    header("Content-Type:text/html;charset=utf-8");
    echo $str;