Question

我有一个表单，我想用它来将数据发送到Python文件。我希望它以xml格式返回一个字符串。

<form class="form-wrapper cf">
<input type="text" placeholder="Search here..." required>
<button type="submit">Search</button>
</form>
<script>
    $('button').click( function() {
    $.ajax({
        url: 'http://projfootball.web.engr.illinois.edu/410.py',
        type: 'post',
        data: $('form').serialize(),
        success: function(response){
            //Show response on page
});
</script>

我的问题是，为了在网页上显示回复，我会在成功字段中写什么？另外，我如何能够提取部分内容以显示在网页上？对不起，如果问题看起来微不足道，但我完全没有使用jQuery或AJAX的经验。

Answer 1

尝试在成功功能中添加以下内容，其中＆＃34;选择器＆＃34;是要更新的html元素的id，类或标记：

$('selector').html(response);

选中此示例以解析XML（从jquery文档复制）：

<p id="someElement"></p>
<p id="anotherElement"></p>

<script>
var xml = "<rss version='2.0'><channel><title>RSS Title</title></channel></rss>",
  xmlDoc = $.parseXML( xml ),
  $xml = $( xmlDoc ),
  $title = $xml.find( "title" );

// Append "RSS Title" to #someElement
$( "#someElement" ).append( $title.text() );

// Change the title to "XML Title"
$title.text( "XML Title" );

// Append "XML Title" to #anotherElement
$( "#anotherElement" ).append( $title.text() );
</script>

Answer 2

嗯，我想这取决于你得到的回应类型。除了上面提到的Medhat Gayed之外，让我们说你的对象在JSON对象中。

$('button').click( function() {
$.ajax({
    url: 'http://projfootball.web.engr.illinois.edu/410.py',
    type: 'post',
    data: $('form').serialize(),
    success: function(response){
        $('selector').html(response.Text);
    },
    error: function(response){
        $('selector').html(response.Text);
    }
);

使用Ajax / JQuery使搜索表单功能化

2 个答案: