我最近使用以下脚本将我的网络应用程序项目转换为单页应用程序:
function AjaxLoadJQuery(pageToLoad){
var requestObject = new XMLHttpRequest();
requestObject.onreadystatechange = function()
{
if (requestObject.readyState == 4 && requestObject.status == 200)
{
document.open();
document.write(requestObject.responseText);
document.close();
}
if (requestObject.readyState == 4 && requestObject.status == 404)
{
alert('belaj');
}
};
requestObject.open("GET", pageToLoad, true);
requestObject.send();
}
我像这样使用它(例如):
<li ><a class="djelatnost" onclick="AjaxLoadJQuery('/servis/Struktura/ostalo.html')">NAŠE USLUGE</a></li>
我将其传递给我要加载的页面的网址。
现在我已经建立了一个这样的联系表格:
<div id="contact_container" class="container">
<?php include('C:/wamp/www/servis/Skripte/serverSideValidation.php'); ?>
<div id="contact_div">
<form id="contact_form" name="inputForm" method="post" class="formElements">
Vaše ime<br>
<input type="text" name="Name" id="cf_name"><span id="nameError"><?php if($_SERVER['REQUEST_METHOD'] == 'POST'){ echo "IMA NESTO JBG"; if(validateName($_POST['Name'])) echo "TESTTEST"; } ?></span><br>
Vaša e - mail adresa<br>
<input type="text" id="cf_email" name="Email"><span id="emailError"></span><br>
Vaša opština<br>
<input type="text" name="Opstina" id="cf_opstina"><br>
Vaš grad<br>
<input type="text" name="Grad" id="cf_grad"><br>
Vaš broj telefona<br>
<input type="text" id="cf_brojtel" name="Brojtel"><span id="telefonError"></span><br>
Predmet poruke<br>
<select name="Predmet" id="cf_predmet" onchange="setToValueFromCmbBox()">
<option value="Ponuda">Ponuda</option>
<option value="Kupovina">Kupovina</option>
<option value="Pohvala">Pohvala</option>
<option value="Zalba">Žalba</option>
</select><span id="predmetError"></span><br>
Tip komitenta<br>
<input name="Tip" type="text" id="cf_tip" disabled><span id="tipError"></span><br>
Poruka<br>
<textarea name="Poruka" id="cf_message" >
</textarea><span id="porukaError"></span><br>
<input type="submit" id="submitButton" name="submitButton" value="Pošalji" onclick="validateInput();">
</form>
</div>
</div>
正如您所看到的,我在输入元素附近使用了一些跨度,以便在服务器端验证后发出最终错误信号(我在客户端使用setCustomValidity())。
问题是,当我按下提交按钮(关闭javascript,所以我可以测试.php),页面只是重新加载,它转到地址栏中的页面(这是索引页面),这意味着一切都改变了。
我希望在提交后保留在同一页面上,同时保留上面使用的脚本(针对单页应用)。
答案 0 :(得分:0)
我实际上只是将动作设置为直接指向同一页面,现在它可以正常工作。