javascript - 通过ajax调用在jQuery中加载页面而不刷新？

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 12 年前。

通过ajax调用在jQuery中加载页面而不刷新？

$.ajax({
...
});

html:

<div class="insert">
    <form action="http://localhost/Siran-mehdi/admin/hotel/insert" method="post">

<div class="myGrid">
    <fieldset>
        <legend>اطلاعات کلی</legend>
    <div class="column">
        <div class="mediumCell"> <input type="text" name="name" placeholder="نام پکیج تور خارجی" title="نام پکیج"></div>
        <div class="mediumCell"><input type="text" name="term" placeholder="مدت" title="مدت"></div>

<div class="auto_box">
    <b class="search_hotel">
    <span></span>    
    <div class="mediumCell"><input type="text" name="search_hotel" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="هتل" title="هتل" /></div>
    <ul class="list_autobox_hotel"></ul>
    </b>
</div>
<div class="auto_box">
    <b class="guide_search">
    <span></span>
    <div class="mediumCell"><input type="text" name="guide_search" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="راهنما" title="ارلاین"></div>
    <ul class="list_autobox_guide"></ul>
    </b>
</div>
    </div>
    </fieldset>

    <div class="wide"><input type="button" value="ثبت" class="submit"></div>
</div>
    </form>
</div>

我不想使用插件和函数.load()，只想使用ajax调用。
如何？怀着敬意

Answer 1

在 jquery ajax 的成功部分使用 Jquery html() 函数，如下例所示

    $('body').html('<div class="insert">
    <form action="http://localhost/Siran-mehdi/admin/hotel/insert" method="post">

<div class="myGrid">
    <fieldset>
        <legend>اطلاعات کلی</legend>
    <div class="column">
        <div class="mediumCell"> <input type="text" name="name" placeholder="نام پکیج تور خارجی" title="نام پکیج"></div>
        <div class="mediumCell"><input type="text" name="term" placeholder="مدت" title="مدت"></div>

<div class="auto_box">
    <b class="search_hotel">
    <span></span>    
    <div class="mediumCell"><input type="text" name="search_hotel" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="هتل" title="هتل" /></div>
    <ul class="list_autobox_hotel"></ul>
    </b>
</div>
<div class="auto_box">
    <b class="guide_search">
    <span></span>
    <div class="mediumCell"><input type="text" name="guide_search" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="راهنما" title="ارلاین"></div>
    <ul class="list_autobox_guide"></ul>
    </b>
</div>
    </div>
    </fieldset>

    <div class="wide"><input type="button" value="ثبت" class="submit"></div>
</div>
    </form>
</div>
');