jQuery技术:Ajax变量值为javascript

我已经问了几个小时而没有发现任何问题……

我有一个注册表单供用户创建帐户。 按下提交按钮时,将调用validateForm函数。

在这个函数中,我做了一些有效的javascript测试,但后来我需要validation用户名是否可用。 为此,我创建了一个外部PHP文件,并使用$ .ajax调用它。

以下是代码的一部分:

function validateRegistration(){ // Some tests.... // Check if username is already used // Call external php file to get information about the username $.ajax({ url: 'AjaxFunctions/getUsernameAjax.php', data: "username=" + $("#username").val(), success: function(data){ // Username already in use if(data == "ko"){ // Stop validateForm() } // Username not used yet else{ // Continue tests } } }); // Other tests } 

我的问题是如何让validateForm()从$ .ajax中返回false? 我可以在Ajax部分之前声明一个js变量并使用Ajax设置它吗?

我想答案是显而易见的,但我是Ajax的新手,我无法得到它……

非常感谢你的帮助!

    要实现这一点,您可以执行此答案中描述的同步ajax调用,但这对于您的网站性能来说是非常危险的。

    或者 – 这是正确的方法 – 您应该有一个外部变量,无论用户名是否可用,只要用户输入您执行请求的内容,如果有效则更改变量,否则您会显示警告消息。 接下来在validateRegistration()函数中,您只检查外部变量(+可能是某种forms的回调,具体取决于您从哪里调用它)。 优点是用户仍然可以在请求待决时继续执行操作(例如填写表单的其余部分)。

    您可以像现在一样进行同步 ajax调用,而不是异步调用。 这意味着Ajax调用将在下一行代码执行之前完成。

    要在jQuery中执行此操作,只需将async: false添加到您的请求对象:

     var someVariable; $.ajax({ url: 'AjaxFunctions/getUsernameAjax.php', data: "username=" + $("#username").val(), success: function(data){ // Username already in use someVariable = "something"; if(data == "ko"){ // Stop validateForm() } // Username not used yet else{ // Continue tests } }, async: false }); alert(someVariable); // should alert 'something', as long as the ajax request was successful 

    在php中,如果您打印出JSON,如:

     echo json_encode(array("ko"=>"good")); 

    显示为:

     { "ko":"good" } 

    然后在function中

     if(data.ko == "good"){ //do stuff } 

    这就是我通常这样做的方式。 您可以使用您在JSON中使用的名称来获取变量,以便在需要时可以使用其他内容。

    如果目标是检查用户名可用性,那么如何在输入用户名时检查它。例如,您可以将其绑定到keyUp事件以进行击键,或者将其绑定到离开文本框时的模糊事件。

    这意味着当用户到达提交按钮时,表单的该部分已经被validation。

    这里的传统解决方案是将回调函数传递给validateRegistration ,它需要一个布尔值。 让Ajax函数在完成时调用回调函数。

    onsubmit处理程序需要一个返回值,因此在提交事件处理程序中执行异步测试是一种相当直观的方法。 您应该尽快执行测试(例如,一旦用户输入用户名),然后将用户名validation的结果存储在全局变量中,稍后在提交时检查。

     // global variable indicating that all is clear for submission shouldSubmit = false; // run this when the user enters an name, eg onkeyup or onchange on the username field function validateRegistration(callback) { shouldSubmit = false; // number of ajax calls should be minimized // so do all other checks first if(username.length < 3) { callback(false); } else if(username.indexOf("spam") != -1) { callback(false) } else { $.ajax({ .... success: function() { if(data == "ko") { callback(false); } else { callback(true); } } }); } } 

    现在使用函数参数调用validateRegistration

     validateRegistration(function(result) { alert("username valid? " + result); if(result) { $("#username").addClass("valid-checkmark"); } else { $("#username").addClass("invalid-xmark"); } shouldSubmit = result; }); 

    现在使用表单的submit事件处理程序中的全局变量shouldSubmit来选择性地阻止表单提交。

    需要了解更多jQuery教程分享Ajax变量值为javascript,都可以关注jQuery技术分享栏目---计算机技术网(www.ctvol.com)

      以上就是jQuery教程分享Ajax变量值为javascript相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注(计算机技术网)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请点击右边联系管理员删除。

      如若转载,请注明出处:https://www.ctvol.com/jquerytutorial/981646.html

      (0)
      上一篇 2021年12月12日
      下一篇 2021年12月12日

      精彩推荐