Javascript Wordpress中的jqueryajax表单 jQuery（文档）.ready（函数（）{ 函数加载_show（）{ $（'#加载'）.html（'.fadeIn（'fast'）； } 函数加载_hide（）{ $（'加载'）.fadeOut（'快速'）； } 函数加载数据（第页）{ 加载_show（）； var city=jQuery（'#city'）.val（）； jQuery.post( MyAjax.ajaxurl{ 操作：“MyAjaxFunction”， 城市:城市,， 第页：第页 }, 功能（msg）{ 加载_hide（）； jQuery（“#container”）.html（msg）； }); } loadData（1）；//第一次页面加载默认结果 $（document）.on（'click'，'#container.pagination li.active'，函数（e）{ var page=$（this.attr（'p'）； 装载数据（第页）； }); });

这是ajax.js并上传到js文件夹。除var city值外，所有函数均正常工作

jQuery(document).ready(function () {

    function loading_show() {
        $('#loading').html('<div id="overlay"><img id="leading" src="loader.gif"></div>').fadeIn('fast');
    }

    function loading_hide() {
        $('#loading').fadeOut('fast');
    }

    function loadData(page) {
        loading_show();
        var city = jQuery('#city').val();
        jQuery.post(
        MyAjax.ajaxurl, {
            action: 'MyAjaxFunction',
            city: city,
            page: page
        },

        function (msg) {
            loading_hide();
            jQuery("#container").html(msg);

        });

    }
    loadData(1); // For first time page load default results
    $(document).on('click', '#container .pagination li.active', function (e) {
        var page = $(this).attr('p');
        loadData(page);
    });
});

提交

---

我无法将输入值获取到Jquery中。请帮助

每页上有多少表格（#搜索）？您能提供HTML的其余部分吗？可能是JSFIDLE？嗨，只有一个搜索表单。我尝试使用Jsfiddle作为通过ajax-admin.php（MyAjaxFunction）提交的表单，但无法在Jsfiddle中添加该代码。如果有任何方法，我可以做到这一点，请指导我是工作的，如果我把一些变化var城市代码在页面内=；如果将此代码用作外部js文件，则无法添加此php行。

<form id="search" method="post">
        <input id="city" name="city" placeholder="City">
       <button type="submit" id="submit">Submit</button>
</form>