javascript / php>有没有办法使用常规按钮提交信息并调用javascript函数?

I've built a function that rotates a picture when you click a button. I would like to tell this function how many degrees I want it to rotate with a text field or something like that and also call a function that's being executed in php that moves a stepper motor. Is there a way to do so? I've tried with a submit button but it doesn't show the animation the way I want to.

Submit button are generally used to submit forms. Although you can use them too, its not recommend. You can simply use <button /> element. And you can pass the function parameter on the onclick event handler of the button.

<button id="rotate" onclick= "rotate('35')">Rotate</button>

If you want to get value of text field and send in the form.

<button id="rotate" onclick= "rotate(document.getElementById('textboxid').value)">Rotate</button>

Demo

However, calling a function being executed over PHP is a tricky part. There are different ways you can do that:

  • Submit the form to the PHP page and assign URI parameters like page.php?function=test
  • Direct to the PHP page with passing the values in the URI parameters similar to above.
  • Use AJAX request to send and receive data.