in reply to Re^2: submit data without reload
in thread submit data without reload

The pop-up is the alert in the Execute() function

  success: function(res) {
    alert(res.msg);
  },

[download]

Change to

  success: function(res) {
    \$('#result').text(res.msg);
  },

[download]

and add space for the result to html

<body>
<p id="result" >Time now is :</p>
<input type="button" id="Submit" name="Submit" value="Submit"/>
</body>

[download]
poj

Replies are listed 'Best First'.
Re^4: submit data without reload
by bigup401 (Pilgrim) on Jan 23, 2019 at 11:55 UTC

    thanks poj

[reply]

      other thing. i have been trying to get param from html. but its not working

      TEST.PL

#!/usr/bin/perl -w


print "Content-type: text/html\n\n";
print <<END_HTML;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" />
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery
+.min.js"></script>
<script>
  \$(document).ready(function () {
    \$("#Submit").click(function(event) {
       Execute();
    });

    function Execute(){
      \$.ajax({
        type: 'POST',
        url: 'te.pl',
        data: { 's': '' },
         success: function(res) {
    \$('#result').text(res.msg);
  },
        error: function() {
          alert("failed");
        }
      });
    };

  });
</script>
</head>
<body>
<form  method="post">
Fullname: <input type="text" name="fname"><br>
<p id="result" >Name Is:</p>
<input type="button" id="Submit" name="Submit" value="Submit"/>
</form>
</body>
</html>
END_HTML

      [download]
      
TE.PL

#!/usr/bin/perl -w


use JSON; 
use CGI;
my $q = new CGI;


my $name = $q->param("fname");

my $json = encode_json(
  { msg => $name }
);
print $q->header( -type => 'application/json' ),$json;

      [download]
[reply]
[d/l]
[select]

        See Get Content.

        data: { 'fname': \$("input[name='fname']").val() },
        poj
[reply]
[d/l]

In Section Seekers of Perl Wisdom