如何使用Ajax为默认值加载到形式

<form id="PersonForm"> 
 

 
Name: <input type="text" id="name" name="name"> <br> 
 

 
Postal Code: <input type="text" id="postal" name="postal"> <br> 
 

 
Phone Number: <input type="text" id="phone" name="phone"> <br> 
 

 
Address: <input type="text" id="address" name="address"> <br> 
 

 
<input type="submit"> 
 

 
</form> 
 

 
<a href="frontend.html">Refresh</a> 
 
<a id="InsertDefault" href="">Insert Default Data</a> 
 
<br> 
 

 
<ul id="errors"></ul> 
 
<p id="success"></p> 
 

 
</body> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 
<script type="text/javascript" src="main.js"></script> 
 
<?php 
 

 
// Return JSON default data if requested 
 
if ($_REQUEST['act'] == 'default') 
 
{ 
 
    $defaultData = array('name' => "Jane", 
 
         'postal' => "L5B4G6", 
 
         'phone' => "9055751212", 
 
         'address' => "135 Fennel Street"); 
 

 
    echo json_encode($defaultData);

我将如何使用默认值阵列和加载默认值时，我用ajax单击插入默认的数据？我为insertdefault创建了一个单击函数，但是卡在那里。

来源

2015-12-11 rich

为什么选择ajax？您可以像使用ajax一样加载结果，但是当用户单击该按钮或调用该函数时，可以使用js填充这些字段。也许我错过了一些东西，你需要在这个过程中做些别的事情？ – Manuel

我只需要使用AJAX来请求具有所有值的javascript。 – rich

你在哪里AJAX功能？ –

下面是两种使用json中的ajax响应或通过链接设置默认值的方法。

$(document).ready(function(){ 
    $('#InsertDefault').click(function(){ 
    $('#name').val('Jane'); 
    $('#postal').val('L5B4G6'); 
    $('#phone').val('9055751212'); 
    $('#address').val('135 Fennel Street'); 
    }); 
});

或者：

$(document).ready(function(){ 
    var jsonObjFromAjax = { 
     "name":"Jane", 
     "postal":"L5B4G6", 
     "phone":"9055751212", 
     "address":"135 Fennel Street" 
    }; 
    $('#name').val(jsonObjFromAjax.name); 
    $('#postal').val(jsonObjFromAjax.postal); 
    $('#phone').val(jsonObjFromAjax.phone); 
    $('#address').val(jsonObjFromAjax.address); 
});

希望帮助！

来源

2015-12-11 17:57:32 Manuel

脚本会在需要时打印表单和数据，您只需要打印请求时的数据，使用if或单独的文件。而对于AJAX的一部分，如果你使用jQuery没有问题：如果他们用PHP

<input type = "text" value="<?php if (isset($var)){ echo $var ; } else { echo ''; }">

存在。如果你想用JS来加载它们

$.getJSON("your-file.php?act=default", function (data) { 
    $.each(data, function (key, val) { 
    $("#"+key).val(val); 
    }); 
});

来源

2015-12-11 17:47:11 marioivangf

首先通常加载默认值（jQuery的）

$("input").each(function(i,v){ var name = $(this).attr('name'); for(i=0; i < result.length; i++) { if (result[i]['name'] == name){ $(this).val(name); break; } } });

未经测试我的头顶部的

来源

2015-12-11 17:53:15 Edward

如何使用Ajax为默认值加载到形式

回答

相关问题