Question

我是ajax，jQuery和json的初学者。我想排序五个数字，为此我需要通过用户表单插入数据并通过ajax发送它并在同一页面上将结果检索为json。你能帮帮我吗？（UPDATE） HTML代码是这样的：

<td><input type="number" name="array[]" />
<td><input type="number" name="array[]" />
<td><input type="number" name="array[]" />
<td><input type="number" name="array[]" />
<td><input type="submit" name="submit" value="SUBMIT" id="submit" />

另一个文件中的PHP sort.php是这样的：

    $a=$_POST['array'];
    sort($a);
    $b=count($a);
    for($i=0;$i<$b;$i++)
    {   
        echo "$a[$i] <br>";
    }

Answer 1

<script type="text/javascript">
var array=[];
function addElement()  //this function take the value from the text box and assign the value to an array 
{
var number=$("#addvalue").val();
array.push(number);
$("#addvalue").val(' ');
$("#addvalue").focus();
}
function Sort()  //this function display the number in desending order
{
  for(i=0;i<array.length;i++) {
for(j=i+1;j<array.length;j++) {
if(parseInt(array[j]) > parseInt(array[i])) {
var temp=array[i];
array[i]=array[j];
array[j]=temp;  
}}}
$.each(array,function(index)   //and this function display the number.
{
var span=document.createElement("span");
span.appendChild(document.createTextNode(array[index]));
    var i =document.getElementById("array");
    i.appendChild(span);


var br=document.createElement("br");

i.appendChild(br);
});
$("div#array span:first").css("color","green");
};<script>

<body>
<input type="text" id="addvalue"/>
<br/><input type="button" onclick="addElement()" value="Add Number"/> <input type="button" onclick="Greater()" value="Sort">
<div id="array"></div>
</body>

对通过用户表单插入的五个数字进行排序，并通过AJAX发送，并在同一页面上将结果检索为JSON

1 个答案: