Javascript发布数据

时间:2015-06-16 13:55:00

标签: javascript php jquery

可能是一个愚蠢的问题,因为我对JS不太好。

我有一个简单的转换器,当我进入textarea(onkeypress它会触发一个函数)。一个问题是我不想要整个HTML响应,我想要separe div作为var。

我需要结果并计算。这是我的剧本

function convert(){
 var convertTxt = $("textarea[name='unit']").val();
   $.post("convert.php",{convertVal: convertTxt}, function(data){
    $("#output").html(data);
   });}

有了这个,我得到了整个conver.php文件,但是我想通过Id获得两个元素的内部html。所以对于前:

convert.php

echo "<div id='output'>$output</div>"
echo "<div id='count'>$count</div>"

输入textarea后得到的输出 convert.php

<div id="output">this_has_been_converted</div> 
<div id="count">3</div> 

我想解析从div内部到我的index.php的日期。使用上面的脚本,我得到了所有内容,div,id&#39;但我想只获得div中的日期(单独)。因为在index.php中我想把它们放在不同的地方而不是一个接一个。

2 个答案:

答案 0 :(得分:2)

您可以像这样过滤数据

 $.post("convert.php", {
     convertVal: convertTxt
 }, function(data) {
     var output = $(data).filter("#output").text();
     var count = $(data).filter("#count").text();
     $("#output").html(output);
     $("#count").html(count);
 });
 }

答案 1 :(得分:1)

您需要在服务器端文件上切换方法:

<?php
    var methodRequested = $_POST['method'];

    switch (methodRequested){
        case "callFirstLine": sendFirstLine();
        break;
        case "callSecondLine": sendSecondLine();
        break;
    }

    function sendFirstLine(){
        echo "<div id='output'>$output</div>";
    }

    function sendSecondLine(){
        echo "<div id='count'>$count</div>";
    }
?>

然后你的AJAX应该说:

$.post("convert.php?method=callFirstLine",{convertVal: convertTxt}, function(data){
    $("#output").html(data);
});}