Home Backend Development PHP Tutorial 请问个AJAX有关问题

请问个AJAX有关问题

Jun 13, 2016 pm 01:30 PM
document getelementbyid quot

请教个AJAX问题

JScript code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
     function nums(){
        var n = document.natform.num.value;
            
        var url="index.php?c=nat&a=natid&id="+n+"";
        if(n == ''){
            document.getElementById('num').style.display='block';
            document.getElementById('num').innerHTML='编号不能为空';
            document.getElementById('num').style.color='red';
            return false;
        }else{
            xmlHttpRequest = createXmlHttpRequest();
            xmlHttpRequest.onreadystatechange = handle;
            xmlHttpRequest.open("GET",url,true);
            xmlHttpRequest.send(null);
                        //我的问题就是 在这个else里怎么接收到 handle()的返回值(true  false)
        }
    
    }
    function handle(){
        if(xmlHttpRequest.readyState == 4){    
            var re = xmlHttpRequest.responseText;
            if(re){
                document.getElementById('num').style.display='block';
                document.getElementById('num').innerHTML='编号已存在';
                document.getElementById('num').style.color='red';
                return false;
            }else{
                document.getElementById('num').style.display='block';
                document.getElementById('num').innerHTML='可以使用';
                document.getElementById('num').style.color='green';
                return true;
            }
            
        }    
    }

Copy after login


以上是一个ajax 判断 id 是否存在的, 如果不存在,可以提交,如果存在提示已存在,不能提交
JScript code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
    function saves(){
        if(nums()){
            document.natform.action="index.php?c=nat&a=addnatpost";
                    document.natform.submit();
        }
    }

Copy after login

但是现在问题是 num() 接收不到 handle() 的返回值, 所以已存在的时候 num() 状态是未定义的, 请教下这块怎么改

------解决方案--------------------
JScript code

 var re = xmlHttpRequest.responseText;    //这里的re值是多少?alert看看。
//如果没有值,说明是后端接收处理的问题
<br><font color="#e78608">------解决方案--------------------</font><br>
ajax 是异步通讯方式,所以你不可能从 num() 得到正确的返回值<br>你所需要的提交动作应在 handle 中完成 <div class="clear">
                 
              
              
        
            </div>
Copy after login
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to solve the problem that document.cookie cannot be obtained How to solve the problem that document.cookie cannot be obtained Nov 23, 2023 am 10:02 AM

Solutions for document.cookie not being obtained: 1. Browser privacy settings; 2. Same-origin policy; 3. HTTPOnly Cookie; 4. JavaScript code error; 5. Cookie does not exist or expires; 6. Cross-domain issues; 7. Viewer mode; 8. Server problems; 9. JavaScript execution timing; 10. Check console log, etc.

GTA 6 document gives a detailed overview of all leaks GTA 6 document gives a detailed overview of all leaks Sep 08, 2024 am 06:37 AM

On September 3, version 1.5 of the Grand Theft Auto VI document which provides a detailed overview of everything that is known about the game to date. The updated version of the document was announced in a trailer published on X (formerly Twitter).??

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出?想实现这样的效果:而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端,那么就用Ajax;仅供参考:HTML code

How to use getElementById How to use getElementById Sep 01, 2023 am 11:03 AM

getElementById can obtain the corresponding HTML element through the id attribute of the element, and then operate and modify it conveniently. Whether it is to dynamically change the content and style of an element or add an event listener, getElementById is a very commonly used method.

Introduction to document object in js Introduction to document object in js Feb 18, 2024 pm 01:06 PM

Introduction to the Document object in JavaScript and code examples: In JavaScript, the Document object is an interface that represents the entire HTML document. It provides access and operation methods to the HTML document. This article will introduce the common methods and properties of the Document object and provide some specific code examples. getElementById method getElementById is an important method of the Document object, used to

Document properties and methods of JS Document properties and methods of JS Mar 14, 2024 am 10:47 AM

Common document properties and methods: Properties: 1. document.title: Get or set the title of the document, usually displayed on the title bar or label of the browser; 2. document.URL: Get the complete URL of the document; 3. document. documentElement: Get the root element of the document, usually the <html> element; 4. document.body: Get the <body> element of the document; 5. document.head, etc.

How does a Java crawler implement Jsoup using the dom method to traverse the Document object? How does a Java crawler implement Jsoup using the dom method to traverse the Document object? May 14, 2023 pm 02:19 PM

First give the web page address: https://wall.alphacoders.com/featured.php?lang=Chinese Main steps: Use the connect method of Jsoup to obtain the Document object Stringhtml="https://wall.alphacoders.com/featured.php ?lang=Chinese";Documentdoc=Jsoup.connect(html).get();If the content is too long, it will not be displayed again. Let’s take this section as an example: AboutUsFAQPrivacyP

不用数据库来实现用户的简单的下载,代码如下,但是却不能下载,请高手找下原因,文件路劲什么的没有关问题 不用数据库来实现用户的简单的下载,代码如下,但是却不能下载,请高手找下原因,文件路劲什么的没有关问题 Jun 13, 2016 am 10:15 AM

不用数据库来实现用户的简单的下载,代码如下,但是却不能下载,请高手找下原因,文件路劲什么的没问题。

See all articles