Why i cannot use $.ajax

Question

I have one problem on my project. I would like access my function when iframe is over, but i try search how i can do this, but all solutions not worked, i dont know why? My project have templates of Asp.Net Web Application (.NET Framework).

Script js, when create a iframe and "try" connect to my function on WebForm1.aspx.cs:

<script>
    const tag = document.createElement("script");
    tag.id = "iframe-demo";
    tag.src = "https://www.youtube.com/iframe_api";
    const [firstScriptTag] = document.getElementsByTagName("script");
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
    let player;

    window.onYouTubeIframeAPIReady = () => {
        player = new window.YT.Player("player", {
            width: 500,
            height: 500,
            videoId: "M7lc1UVf-VE",
            events: {
                onStateChange: window.onPlayerStateChange
            }
        });
    };

    window.onPlayerStateChange = (event) => {
        if (event.data === 0) {
            jQuery.ajax({/* * */
                method: "POST",
                url: "/WebForm1.aspx/returnid",
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    console.log(textStatus);
                },
                success: function (result) {
                    console.log("success");
                }
            });
        }
    };
</script>

Code of WebForm1.aspx.cs:

[WebMethod]//[WebMethod()]
    public static string returnid(string subject, string message, string messageId, string pupilId)
    {
        Console.WriteLine("testar");

        return "";//https://www.youtube.com/watch?v=8elyZ6aGgZY
    }

I try use $.ajax, ajax, $Jquery there * and dont work.

Have you confirmed that jQuery is loading in the network tab of browser dev tools (F12)? The YouTube code works correctly and appears to have been copied from [iFrame Player API](https://developers.google.com/youtube/iframe_api_reference). — Yogi, Jul 11 '22 at 17:43
@PauloFernando https://pastebin.com/y7UknqVX <- I need send there. Sorry — Andrew, Jul 11 '22 at 20:59

Paulo Fernando · Accepted Answer · 2022-07-13T01:35:23.390

1

Try calling the AJAX this way, to see if will hit the method:

jQuery.ajax({
        method: "POST",
        url: "WebForm1.aspx/returnid",
        contentType: "application/json; charset=utf-8",        
        dataType: "json",
        data: JSON.stringify({ subject: "subject", message: "message", messageId: 1, pupilId: 1 }),
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            console.log("Error", errorThrown);
        },
        success: function (result) {
            console.log("success", result);
        }
    });

edited Jul 13 '22 at 01:35

answered Jul 12 '22 at 13:14

Paulo Fernando

3,148
3
5
21

Paulo i try your code ... but he return a error. [Errro 500](https://prnt.sc/uC4TlLSRtiYu) – Andrew Jul 12 '22 at 13:48
Expand the error please: https://prnt.sc/-GTOIDrnBX6N – Paulo Fernando Jul 12 '22 at 13:55

score 0 · Answer 2 · answered Jul 11 '22 at 23:14

0

You have to import jQuery, add this inside the header tag:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

answered Jul 11 '22 at 23:14

Paulo Fernando

3,148
3
5
21

Ok work ... "$", but the code not in "/WebForm1.aspx/returnid". Why? – Andrew Jul 11 '22 at 23:43
I am sorry, which code is not in the "/WebForm1.aspx/returnid" ? – Paulo Fernando Jul 11 '22 at 23:49
Sorry Paulo, I misspelled. The project not go inside of function returnid. I have one breakpoint on function returnid and project dont go inside of this function. My question is why? – Andrew Jul 12 '22 at 08:24

Why i cannot use $.ajax

2 Answers2